/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

#f_comment form { clear: both; display: inline-block; margin: 15px 20px 0; padding-bottom: 30px; width: 605px; background-color: #F7F7F7; }
#f_comment p { margin-bottom: 0; padding: 10px 10px 0; }
#f_comment .p1 { padding-top: 0; line-height: 40px; background-color: #FFF; border-top: 3px solid #00A2FF; border-bottom: 1px solid #E0E0E0; font-size: 14px; }
#f_comment .p1 em { color: #FF0000; }
#f_comment .p1 b { color: #000; font-size: 18px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; }
#f_comment .p1 span { float: right; }
#f_comment .p2 { display: inline-block; }
#f_comment .p2 a { float: left; color: #1D4872; 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 { color: #000; line-height: 29px; }
#f_comment .p2 a.sina:hover, #f_comment .p2 a.qq:hover { color: #00A2FF; text-decoration: none; }
#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; padding: 5px; width: 575px; 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: #00A2FF; color: #FFF; border: none; font-size: 14px; cursor: pointer; }
#f_comment .p4 input:hover { background-color: #0093F2; }

#comments { clear: both; float: left; display: block; margin: 0 20px; width: 605px; }
#comments .t { float: left; margin-bottom: 0; margin-top: 15px; width: 100%; }
#comments .t b { display: inline-block; padding: 0 0 5px; color: #000; font-size: 16px; font-family: "΢ÈíÑźÚ", "ËÎÌå"; font-weight: normal; border-bottom: 3px solid #00A2FF; }
#comments .t a { float: right; margin: 7px 5px 0; }
#comments .t a.current { color: #00A2FF; }
#comments ul { display: inline-block; border-bottom: 1px solid #E0E0E0; }
#comments li { float: left; display: inline; width: 605px; padding: 15px 0; line-height: 25px; border-top: 1px solid #E0E0E0; }
#comments li a.img, #comments li span.img { float: left; display: block; width: 50px; height: 50px; overflow: hidden; }
#comments li a.img img, #comments li span.img img { width: 50px; } /* ¹Ì¶¨Í¼Æ¬¿í¶È */
#comments li .m_text { float: right; display: block; width: 545px; }
#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 em { float: right; color: #999; }
#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: #00A2FF; }
#comments li .m_text .p2 em { display: inline-block; padding-left: 18px; background: url(/comment/images/icon.gif) -133px top no-repeat; color: #999; cursor: pointer; }
#comments li .m_text .p2 em:hover { color: #00A2FF; }
#comments li.indent { margin-top: 0; margin-left: 60px; width: 545px; border-top: none; }
#comments li.indent .m_text { width: 485px; }

/* 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: #00A2FF; border: none; color: #FFF; cursor: pointer; }
#reform #submit:hover { background-color: #0093F2; }
#reform .reset { float: right; margin: 0 7px; }
#reform .reset em { cursor: pointer; }
#reform .reset em:hover { color: #00A2FF; }