@charset "gb2312";


.c-comment-navbar{ padding:0 10px; height:35px; line-height:35px; background-color:#759aad; background-color:#308eb5; color:#fff; }
.c-comment-navbar a{color:#fff;}
.c-comment-navbar h2{float:left; font-size:16px; font-weight:bold; margin-right:30px; }

.c-comment-more{ border-top:1px solid #ddd;}
.c-comment-more a{ display:block; width:200px; margin:auto; height:30px; line-height:30px; font-size:14px; text-align:center; background-color:#eee;}

.c-comment-box {}
.lin-comment-box .lin-comment-input{ padding-right:20px;}
.lin-comment-box .lin-comment-input textarea{ width:100%; margin:0; padding:9px; line-height:20px; height:20px; border:1px solid #d9d9d9; border-top:1px solid #c0c0c0; resize:none; vertical-align:middle;  }
.lin-comment-box .lin-comment-input textarea.hover{ border:1px solid #b9b9b9; border-top:1px solid #a0a0a0; outline:1px solid #eee; }
.lin-comment-box .lin-comment-input textarea.active{ border:1px solid #759aad; outline:1px solid #759aad; }
.lin-comment-box .lin-comment-bar{ height:32px; line-height:32px; margin-top:10px;}
.lin-comment-box .lin-comment-rateit{ float:left; line-height:1em;}
.lin-comment-box .lin-comment-rateit .rateit{ float:left;}
.lin-comment-box .lin-comment-rateit .rateit-info{ float:left; font-size:14px; padding:11px 0 0 10px; color:#759aad;}
.lin-comment-box .lin-comment-captcha{ float:right; margin-right:15px; line-height:29px; color:#888; font-family:tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
.lin-comment-box .lin-comment-captcha .lin-comment-captcha-label{ float:left;}
.lin-comment-box .lin-comment-captcha .lin-comment-captcha-txt{ float:left; margin-left:5px;}
.lin-comment-box .lin-comment-captcha .lin-comment-captcha-pic{ float:left; margin-left:-1px; padding:1px; border:1px solid #ccc; cursor:pointer;}
.lin-comment-box .lin-comment-captcha .lin-comment-captcha-pic img{ float:left; vertical-align:middle;}
.lin-comment-box .lin-comment-captcha input{ width:40px; height:27px; margin:0; padding:0 5px; border:1px solid #ccc; font-size:14px;}
.lin-comment-box .lin-btn-login{ float:right; margin:0; padding-left:0; padding-right:0; height:29px; width:100px; text-align:center; font-size:14px; border:none; outline:none; background-color:transparent; color:#d62931; cursor:pointer;}
.lin-comment-box .lin-btn-comment{ float:right; margin:0; height:29px; width:100px; text-align:center; font-size:14px; font-weight:bold; border:none; outline:none; background-color:#d62931; color:#fff; cursor:pointer;}

.c-replay-box { }
.c-replay-box .c-replay-input{ padding-right:12px;margin-top:5px;}
.c-replay-box .c-replay-input textarea{ width:100%; border:1px solid #d9d9d9; border-top:1px solid #c0c0c0; margin:0; padding:5px; resize:none; vertical-align:middle; }
.c-replay-box .c-replay-input textarea.hover{ border:1px solid #b9b9b9; border-top:1px solid #a0a0a0; outline:1px solid #eee; }
.c-replay-box .c-replay-input textarea.active{ border:1px solid #759aad; outline:1px solid #759aad; }
.c-replay-box .c-replay-bar{ height:28px; line-height:28px;}
.c-replay-box .c-btn-login{ margin:0; padding-left:0; padding-right:0; height:28px; width:30px; text-align:center; font-size:12px; border:none; outline:none; background-color:transparent; color:#759aad; cursor:pointer;}
.c-replay-box .c-btn-replay{ margin:0; height:28px; width:60px; text-align:center; font-size:14px; font-weight:bold; border:none; outline:none; background-color:#759aad; color:#fff; cursor:pointer;}
.c-replay-box .c-btn-share{ margin:0; height:28px; width:60px; text-align:center; font-size:14px; font-weight:bold; border:none; outline:none; background-color:#759aad; color:#fff; cursor:pointer;}


.comment-list dl { position:relative; padding:20px 0; border-top:1px solid #ddd; clear:both;}
.comment-list dl.comment-item {}
.comment-list dl.comment-item-sub {margin-top:10px; margin-left:60px; border-top:1px dotted #ccc;}
.comment-list dl.active { background:url(images/rec.png) repeat-y -20px top;}
.comment-list dl dt{ float:left; width:60px;}
.comment-list dl dd{ margin-left:60px;}
.comment-list dl .c-avatar{ width:60px; position:absolute; top:20px; left:0;}
.comment-list dl .c-info{ height:20px; line-height:1em;}
.comment-list dl .c-info .c-name{ float:left; color:#006b9c; }
.comment-list dl .c-info .c-area{ float:left; margin-left:10px; color:#888;}
.comment-list dl .c-info .c-star{ float:left; margin-left:10px; color:#ffa640;}
.comment-list dl .c-info .c-date{ float:right; color:#888;}
.comment-list dl .c-tool { height:20px; line-height:20px;}
.comment-list dl .c-tool i{ display:inline-block; margin-top:-3px; margin-right:5px; width:16px; height:16px; vertical-align:middle; background:url(images/comment_icon.png) no-repeat;}
.comment-list dl .c-tool a,
.comment-list dl .c-tool a:visited{ color:#759aad; text-decoration:none; display:inline-block;}
.comment-list dl .c-tool a:hover{ color:#498dad; text-decoration:none;}
.comment-list dl .c-tool .c-ding{ float:left; position:relative;}
.comment-list dl .c-tool .c-ding a i.c-icon-ding{ background-position:-290px -114px}
.comment-list dl .c-tool .c-ding a:hover i.c-icon-ding{ background-position:-306px -114px;}
.comment-list dl .c-tool .c-ding .hearts{ position:absolute; bottom:20px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:36px;}

.comment-list dl .c-tool .c-replay{ float:left; margin-left:20px;}
.comment-list dl .c-tool .c-replay a i.c-icon-replay{ background-position:-290px -130px}
.comment-list dl .c-tool .c-replay a:hover i.c-icon-replay{ background-position:-306px -130px;}

.comment-list dl .c-tool .c-share{ float:left; margin-left:20px; position:relative; white-space:nowrap;}
.comment-list dl .c-tool .c-share a i.c-icon-share{ background-position:-290px -99px}
.comment-list dl .c-tool .c-share a:hover i.c-icon-share{ background-position:-306px -99px;}

.comment-list dl .c-tool .c-share .lin-comment-share{ padding:0 5px; line-height:18px; position:absolute; top:-4px; left:50px; width:200px; overflow:hidden; display:none;}
.comment-list dl .c-tool .c-share .lin-comment-share .bdsharebuttonbox{ width:200px;}
.comment-list dl .c-tool .c-share .lin-comment-share .bushare-tit{ float:left; color:#888; margin-top:5px; display:none}

.comment-list dl .c-content{ padding:8px 0 10px; color:#555; line-height:22px; font-size:14px; word-break:break-all; }
.comment-list dl .c-replay { height:20px; line-height:20px;}
.comment-list dl .c-replay p{ float:left;}