﻿.book-comment{position:relative}
.book-comment .hd{font-size:16px;color:#333;border-bottom:1px solid #c2c2c2;position:relative;padding-top:10px}
.book-comment .hd .comment-control{display:none}
.book-comment .hd .comment-num{font-size:14px;color:#999;position:absolute;top:11px;left:70px}
.book-comment .hd .comment-tab-control .comment-tab-control-item{float:left}
.book-comment .hd .comment-tab-control .comment-tab-control-item a.hd-txt{display:block;width:133px;height:35px;line-height:35px;text-align:center;font-size:14px;position:relative;top:1px;background:#e4e4e4;border:1px solid #e4e4e4;border-bottom-color:#c2c2c2;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;color:#333}
.book-comment .hd .comment-tab-control .comment-tab-control-item a.hd-txt:hover{text-decoration:none}
.book-comment .hd .comment-tab-control .comment-tab-control-item.current a.hd-txt{background:#fdfdfb;border:1px solid #c2c2c2;border-bottom-color:#fdfdfb}
.book-comment .bd{position:relative}
.book-comment .bd .comment-tab-content .comment-tab-content-item{display:none}
.book-comment .bd .comment-tab-content .comment-tab-content-item.current{display:block}
.book-comment .bd .comment-sort{color:#333;text-decoration:none;height:22px;width:110px;line-height:22px;font-size:12px;border:1px solid #d0d0d1;-webkit-border-radius:2px;border-radius:2px;position:absolute;top:-32px;right:0;background:#FFF;display:block}
.book-comment .bd .comment-sort .current-sort-ic{width:0;height:0;border:3px solid #fff;border-top-color:#2f3744;position:absolute;top:10px;right:8px}
.book-comment .bd .comment-sort .current-sort{display:block;text-indent:12px;color:#333}
.book-comment .bd .comment-sort .current-sort:hover{text-decoration:none}
.book-comment .bd .comment-sort .sort-list{display:none;width:110px;border:1px solid #d0d0d1;position:absolute;top:22px;left:-1px}
.book-comment .bd .comment-sort .sort-list .sort-by{background:#fff;text-indent:12px;display:block;width:100%;height:22px;color:#333}
.book-comment .bd .comment-sort .sort-list .sort-by:hover{background:#f3f3f3;text-decoration:none}
.book-comment .bd .comment-sort:hover{text-decoration:none}
.book-comment .bd .comment-sort:hover .current-sort-ic{border-top-color:#fff;border-bottom-color:#2f3744;top:6px}
.book-comment .bd .no-comment{margin-top:20px;height:75px;font-size:24px;color:#ccc}
.book-comment .bd ul.comment-list li.comment-list-item{padding:20px 0;font-size:14px;border-bottom:1px dotted #dedede;position:relative;min-height:86px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap{position:absolute;width:58px;top:20px;left:0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap .img-down,.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap .img-up{display:block;width:58px;height:58px;border:0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap .img-up{position:absolute;top:0;left:0;background:url(../image/img-up.png) no-repeat 0 0;_background:url(../image/img-up-ie6_180398fb.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap .renzheng-icon{display:block;position:absolute;width:20px;height:20px;right:-5px;top:40px;background:url(../image/v-icon_261bbb4d.png) no-repeat 0 0;_background:url(../image/v-icon-ie6_7b6000e5.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-pic-wrap .comment-author{display:block;width:58px;margin:0 auto;margin-top:10px;*padding-top:10px;color:#424242;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.book-comment .bd ul.comment-list li.comment-list-item h4{color:#666;font-size:15px;font-weight:bold;margin-left:78px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-info{margin-top:8px;font-size:12px;color:#666;margin-left:78px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-info .comment-score{position:relative;top:1px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-info.no-margin-top{margin-top:0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-short,.book-comment .bd ul.comment-list li.comment-list-item .comment-all{margin-top:5px;line-height:1.8;color:#666;margin-left:78px;word-break:break-all}
.book-comment .bd ul.comment-list li.comment-list-item .comment-short{display:block}
.book-comment .bd ul.comment-list li.comment-list-item .comment-all{display:none}
.book-comment .bd ul.comment-list li.comment-list-item .comment-open,.book-comment .bd ul.comment-list li.comment-list-item .comment-close{text-decoration:underline;color:#666;margin-left:22px}
.book-comment .bd ul.comment-list li.comment-list-item.show-comment-all .comment-short{display:none}
.book-comment .bd ul.comment-list li.comment-list-item.show-comment-all .comment-all{display:block}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft{margin-top:10px;text-align:left;font-size:12px;position:relative;margin-left:78px;zoom:1}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-date{color:#999;margin-right:22px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-from{color:#999;margin-left:10px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like{margin-left:10px;color:#999;position:absolute;display:block;bottom:0;right:0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like span{cursor:pointer}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like .like-icon{display:inline-block;width:16px;height:16px;vertical-align:-2px;*vertical-align:1px;margin-right:4px;background:url(../image/zan-gray_4d490889.png) no-repeat 0 0;_background:url(../image/zan-gray-ie6_204dcce8.png) no-repeat 0 0;*display:inline;*zoom:1}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like.liked{cursor:default}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like.liked span{cursor:default}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like.liked .like-icon{background:url(../image/zan-orange_ba5c0671.png) no-repeat 0 0;_background:url(../image/zan-orange-ie6_6581a7e3.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like:hover{text-decoration:none}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .btn-reply{color:#999;margin-right:10px;position:absolute;bottom:0;right:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;*bottom:-2px}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .btn-reply:hover{text-decoration:none;color:#bbb}
.book-comment .bd ul.comment-list li.comment-list-item .comment-ft .comment-like-error{position:absolute;right:-45px;top:1px;display:none}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap{margin-top:20px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content{width:600px;margin-left:78px;background-color:#fafafa;border:1px solid #ededed;position:relative;padding-top:28px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .comment-up-icon{display:block;position:absolute;width:16px;height:10px;top:-10px;left:38px;background:url(../image/comment-up-icon_23b9db82.png) no-repeat 0 0;_background:url(../image/comment-up-icon-ie6_3af20b95.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap{position:absolute;top:20px;left:15px;width:65px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .img-down,.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .img-up{display:block;width:58px;height:58px;border:0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .img-up{position:absolute;top:0;left:0;background:url(../image/reply-img-up_aff5ff08.png) no-repeat 0 0;_background:url(../image/reply-img-up-ie6_d6bbca48.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .renzheng-icon{display:block;position:absolute;width:20px;height:20px;right:3px;top:40px;background:url(../image/v-icon_261bbb4d.png) no-repeat 0 0;_background:url(../image/v-icon-ie6_7b6000e5.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .comment-author{display:block;width:50px;margin:0 auto;margin-top:10px;*padding-top:10px;color:#424242;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .worker-link{position:absolute;display:block;width:58px;height:58px;top:0;left:0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .follow-status{margin-top:10px;display:inline-block;padding:2px 10px 2px 24px;position:relative;background-color:#fff;color:#666;font-size:14px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #d5d3d2;cursor:pointer;line-height:24px;vertical-align:2px;*line-height:20px;*padding-top:7px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .follow-status:hover{color:#44a248}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .follow-status.followed{padding-left:10px;cursor:default}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .follow-status.followed:hover{color:#666}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-pic-wrap .follow-status .green{display:block;position:absolute;color:#46b751;font-size:20px;top:2px;left:7px;cursor:pointer}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-title{margin-left:104px;margin-bottom:10px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-content-txt{margin:0 25px 10px 104px;line-height:1.8}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-ft{margin-left:104px;margin-bottom:30px;position:relative;font-size:12px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-ft .time{color:#999}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-ft .delete-reply{position:absolute;right:35px;top:0;color:#999;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content .reply-ft .delete-reply:hover{text-decoration:none;color:#bbb}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-content:hover .reply-ft .delete-reply{opacity:1}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea{display:none;width:600px;margin-left:78px;background-color:#fafafa;border:1px solid #ededed;position:relative;padding-top:28px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .comment-up-icon{display:block;position:absolute;width:16px;height:10px;top:-10px;left:38px;background:url(../image/comment-up-icon_23b9db82.png) no-repeat 0 0;_background:url(../image/comment-up-icon-ie6_3af20b95.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic{position:absolute;width:58px;top:20px;left:15px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic .img-down,.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic .img-up{display:block;width:58px;height:58px;border:0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic .img-up{position:absolute;top:0;left:0;background:url(../image/reply-img-up_aff5ff08.png) no-repeat 0 0;_background:url(../image/reply-img-up-ie6_d6bbca48.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic .renzheng-icon{display:block;position:absolute;width:20px;height:20px;right:0;top:40px;background:url(../image/v-icon_261bbb4d.png) no-repeat 0 0;_background:url(../image/v-icon-ie6_7b6000e5.png) no-repeat 0 0}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-pic .comment-author{display:block;width:50px;margin:0 auto;margin-top:10px;*padding-top:10px;color:#424242;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .inputarea{padding:10px;width:460px;height:54px;border:1px solid #e5e5e5;margin-left:104px;*margin-left:22px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-ft{margin:22px 18px 30px 0;text-align:right}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-ft .error-tip{visibility:hidden;color:red;margin-right:10px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-ft .do-reply-btn{padding:7px 15px;color:#666;border:1px solid #d8d8d2;border-radius:3px}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap .reply-textarea .reply-textarea-ft .do-reply-btn:hover{text-decoration:none;background-color:#53b856;color:#fff;border:1px solid #53b856}
.book-comment .bd ul.comment-list li.comment-list-item .reply-comment-wrap.reply-comment-show-textarea .reply-textarea{display:block}
.book-comment .bd ul.comment-list li.comment-list-item.other-has-replied .reply-content{min-height:130px;_height:130px}
.book-comment .bd ul.comment-list li.comment-list-item.self-has-replied .comment-ft .comment-like{right:0}
.book-comment .bd ul.comment-list li.comment-list-item.self-has-replied .comment-ft .btn-reply{visibility:hidden}
.book-comment .bd ul.comment-list li.comment-list-item.self-has-replied .reply-textarea{display:none}
.book-comment .bd ul.comment-list li.comment-list-item.self-hasnot-replied .comment-ft .comment-like{right:40px}
.book-comment .bd ul.comment-list li.comment-list-item.self-hasnot-replied .comment-ft .btn-reply{visibility:visible}
.book-comment .bd ul.comment-list li.comment-list-item.self-hasnot-replied .reply-content{display:none}
.book-comment .bd .comment-pager{margin-top:20px;height:24px;width:100%}
.book-comment .bd .comment-pager .ui-pager .pager{position:absolute;left:auto;right:0}
.book-comment .bd .comment-pager .ui-pager .pager .pager-inner{right:0}