/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

#f_comment form { clear: both; display: inline-block; width: 100%; }
#f_comment p { margin-bottom: 0; padding: 10px 0; }
#f_comment .p2 { display: inline-block; }
#f_comment .p2 a { float: left; color: #000; margin-right: 10px; }
#f_comment .p2 .btn { display: inline-block; width: 76px; height: 29px; line-height: 29px; background: url(/comment/images/btn.gif) left top no-repeat; text-align: center; overflow: hidden; }
#f_comment .p2 .btn:hover { background: url(/comment/images/btn.gif) right top no-repeat; text-decoration: none; }
#f_comment .p2 a.sina, #f_comment .p2 a.qq { line-height: 29px; }
#f_comment .p2 a.sina:hover, #f_comment .p2 a.qq:hover { color: #000; text-decoration: underline; }
#f_comment .p2 a.sina { padding-left: 23px; background: url(http://user.chinasspp.com/images/medal/sina.gif) left 2px no-repeat; }
#f_comment .p2 a.qq { padding-left: 20px; background: url(http://user.chinasspp.com/images/medal/qq.gif) left 3px no-repeat; }
#f_comment .p3 .box { display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; width: 100%; height: 90px; background: url(/comment/images/logo.jpg) center center no-repeat #FFF; color: #999; border: 1px solid #E0E0E0; }
#f_comment .p4 { color: #000; }
#f_comment .p4 input { float: right; padding: 5px 15px; background-color: #000; color: #FFF; border: none; border-radius: 3px; -moz-border-radius: 3px; font-size: 14px; cursor: pointer; }
#f_comment .p4 input:hover { background-color: #333; }

#comments { clear: both; float: left; display: block; width: 100%; }
#comments .t { margin-bottom: 0; padding: 5px 0; }
#comments .t i { margin: 0 5px; color: #FF0000; font-style: normal; }
#comments .t a { float: right; margin: 0 5px; color: #999; }
#comments .t a.current { color: #000; }
#comments ul { float: left; width: 100%; border-bottom: 1px solid #E0E0E0; }
#comments li { float: left; display: block; padding: 15px 0; width: 100%; line-height: 25px; border-top: 1px solid #E0E0E0; }
#comments li a.img, #comments li span.img { float: left; display: block; width: 50px; height: 50px; margin-right: 10px; overflow: hidden; }
#comments li a.img img, #comments li span.img img { width: 50px; } /* ΉΜΆ¨ΝΌΖ¬ΏνΆΘ */
#comments li .m_text { display: inline-block; }
#comments li .m_text .time { margin-left: 10px; color: #999; font-style: normal; }
#comments li .m_text .p1, #comments li .m_text .p2 { clear: both; margin-bottom: 0; }
#comments li .m_text .p2 { margin-top: 5px; }
#comments li .m_text .p1 a.name, #comments li .m_text .p1 li .m_text a.name:hover, #comments li .m_text .p1 span.name { color: #999; }
#comments li .m_text .p2 i { display: inline-block; padding-left: 18px; background: url(/comment/images/icon.gif) -133px top no-repeat; color: #999; font-style: normal; cursor: pointer; }
#comments li .m_text .p2 i:hover { color: #000; }
#comments li.indent { margin-top: 0; margin-left: 60px; border-top: none; }

/* Reply Form */
#reform { clear: both; display: block; margin-top: 10px; padding-top: 8px; background: url(/comment/images/icon.gif) 20px -43px no-repeat; }
#reform form { display: inline-block; padding: 10px; background-color: #F0F0F0; }
#reform form textarea { margin-bottom: 5px; padding: 5px; border: 1px solid #E0E0E0; overflow-y: auto; }
#reform #submit { float: right; display: block; margin-top: 2px; padding: 2px 10px; background-color: #000; border: none; color: #FFF; cursor: pointer; }
#reform #submit:hover { background-color: #333; }
#reform .reset { float: right; margin: 0 7px; }
#reform .reset em { cursor: pointer; }
#reform .reset em:hover { color: #000; }

/* PAGINATION */
.pagination { clear: both; padding: 30px 0 0; font-size: 14px; text-align: center; }
.pagination a { margin: 0 2px; padding: 4px 8px; background-color: #FFF; border: 1px solid #CBCBCB; color: #666; }
.pagination a:hover { color: #000; text-decoration: none; border: 1px solid #000; }
.pagination span { margin: 0 2px; font-style: normal; background-color: #FFF; }
.pagination span.current { padding: 4px 8px; color: #000; border: 1px solid #000; }
.pagination span.disabled { padding: 4px 8px; background-color: #FFF; border: 1px solid #DDD; color: #CBCBCB; }
