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

#comments, #f_comment { float: left; padding: 20px; width: 670px; background-color: #FFF; }
#comments { margin-top: 20px; }

#comments .loading { clear: both; background: url(/comment/images/loading.gif) center center no-repeat; text-indent: -1000px; overflow: hidden; }
#comments .more { clear: both; text-align: center; }
#comments .more i { color: #AAC400; font-size: 12px; text-decoration: underline; cursor: pointer; }
#comments .t { padding: 10px 0; border-bottom: 1px solid #CCC; }
#comments .t b { color: #000; font-size: 14px; }
#comments .t span { float: right; }
#comments .t span i { margin-left: 10px; color: #B7B7B7; cursor: pointer; }
#comments .t span i.current { color: #AAC400; cursor: auto; }
#comments .li { display: inline-block; margin-bottom: 20px; width: 100%; }
#comments .li a { color: #AAC400; }
#comments .li a:hover { color: #AAC400; text-decoration: underline; }
#comments .li .first { display: inline-block; margin-bottom: 0; width: 100%; line-height: 25px; color: #B7B7B7; }
#comments .li .first .img { float: left; display: inline-block; margin-right: 10px; width: 40px; height: 40px; text-align: center; overflow: hidden; }
#comments .li .first .img img { height: 40px; }
#comments .li .first .r { float: right; display: inline-block; padding: 0 10px; width: 595px; background-color: #F3F3F3; }
#comments .li .text { padding-left: 50px; width: 615px; line-height: 28px; font-size: 14px; overflow: hidden; }
#comments .li .text a { text-decoration: underline; }
#comments .li .text a:hover { color: #7D8D22; }
#comments .li .last { clear: both; margin-bottom: 0; margin-left: 80px; padding-top: 10px; width: 585px; background-color: #FFF; text-align: right; }
#comments .li .last i { display: inline-block; margin-left: 10px; color: #B7B7B7; font-size: 12px; cursor: pointer; }
#comments .li .last i:hover { color: #AAC400; text-decoration: underline; }

#comments .reply_t { margin-left: 80px; width: 585px; background-color: #FFF; }
#comments .reply_t p { margin-bottom: 0; padding: 0 15px; height: 5px; background-color: #FFF; border: 1px solid #CCC; border-bottom: none; }
#comments .reply_t p i { float: right; display: block; position: relative; top: -16px; margin-bottom: -16px; width: 15px; height: 18px; background: url(/comment/images/icon2.gif) left top no-repeat; text-indent: -2000px; }
#comments .reply { margin-bottom: 20px; margin-left: 80px; padding: 0 15px; width: 553px; line-height: 28px; border: 1px solid #CCC; border-top: none; font-size: 14px; overflow: hidden; }
#comments .reply .li { margin-bottom: 0; padding: 15px 0; border-bottom: 1px solid #EEE; }
#comments .reply .li .first { margin-bottom: 0; }
#comments .reply .li .first .img { width: 25px; height: 25px; }
#comments .reply .li .first .img img { height: 25px; }
#comments .reply .li .text { padding-left: 35px; width: auto; }
#comments .reply .li .last { width: 473px; }
#comments .reply form { display: inline-block; position: relative; left: -15px; padding: 15px; width: 100%; background-color: #F3F3F3; border-bottom: none; border-top: 1px solid #CCC; }
#comments .reply form a { float: left; display: inline-block; margin-right: 10px; width: 25px; height: 25px; text-align: center; overflow: hidden; }
#comments .reply form a img { height: 25px; }
#comments .reply form p { margin-bottom: 0; background-color: #FFF; }
#comments .reply form p, #comments .reply textarea { float: left; display: inline-block; padding: 0 10px; width: 496px; height: 35px; line-height: 35px; font-size: 12px; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; outline: none; }
#comments .reply form p, #comments .reply textarea.gray { color: #B7B7B7; }
#comments .reply input { float: right; margin-top: 10px; padding: 0 10px; line-height: 25px; background-color: #AAC400; color: #FFF; font-size: 14px; border: none; border-radius: 2px; -moz-border-radius: 2px; outline: none; cursor: pointer; }
#comments .reply input:hover { background-color: #B2CC16; }

#f_comment .t { background: url(/comment/images/icon2.gif) -34px 3px no-repeat; color: #000; font-size: 14px; text-indent: 25px; }
#f_comment form p { margin-bottom: 0; padding: 5px 10px; height: 90px; line-height: 25px; border: 1px solid #CCC; color: #B7B7B7; }
#f_comment form p a { margin: 0 3px; color: #AAC400; }
#f_comment form p a:hover { text-decoration: underline; }
#f_comment form p a.sina, #f_comment form p a.qq { display: inline-block; padding-left: 20px; }
#f_comment form p a.sina { margin-right: 5px; background: url(http://user.chinasspp.com/images/medal/sina.gif) left top no-repeat; }
#f_comment form p a.qq { background: url(http://user.chinasspp.com/images/medal/qq.gif) left top no-repeat; }
#f_comment form .btn { float: right; margin: 10px 0; padding: 0 20px; line-height: 25px; background-color: #AAC400; color: #FFF; font-size: 14px; border: none; border-radius: 2px; -moz-border-radius: 2px; outline: none; cursor: pointer; }
#f_comment form .btn:hover { background-color: #B2CC16; }
#f_comment form .gray, #f_comment form .gray:hover { background-color: #F3F3F3; border: 1px solid #CCC; color: #CCC; cursor: auto; }
#f_comment form .anonymity { float: right; display: inline-block; margin: 10px; }