.smallpages{margin:15px 0 0 0;text-align: center;}
.smallpages a, .smallpages span{display:inline-block;width:21px;height:21px;line-height:21px;margin: 0 3px; text-align:center; background:#f8f8f8;color:#666;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-o-border-radius:21px;-ms-border-radius:21px; overflow:hidden}
.smallpages a:hover{background-color:#d7d7d7;text-decoration:none}
.smallpages .current{background-color:#666;color:#FFF}
.smallpages .prev, .smallpages .next{background:url(../images/ui-icon.png) no-repeat; _background:url(../images/ui-icon.gif) no-repeat}
.smallpages .prev{background-position:-210px -58px}
.smallpages .next{background-position:-210px -28px}
.smallpages .prev:hover, .smallpages .next:hover{background-color:transparent}
.pagination .next, .pagination .prev {width: 15px;font-size: 0;line-height: 0;}

.comment-hd{height:38px; padding-bottom:10px; border-bottom:1px dashed #d7d7d7}
.comment-hd .total{float:left; font:18px/30px Microsoft YaHei}
.comment-hd .total .num{margin-right:3px; font:28px Georgia; color:#d2a15e}
.comment-hd .comment-tab{float:left; margin-left:30px}
.comment-hd .comment-tab a{float:left; width:75px; height:30px; line-height:30px; margin-right:15px; text-align:center; background:#999; font-size:14px; font-weight:bold; color:#FFF; position:relative}
.comment-hd .comment-tab a i{width:8px; height:7px; background-position:-26px -136px; position:absolute; left:33px; bottom:-7px; display:none}
.comment-hd .comment-tab a.on{background:#666}
.comment-hd .comment-tab a.on i{display:inline-block}
.comment-hd .icommentbtn{float:right; width:65px; height:25px; line-height:25px; margin-top:5px; background:#e6be87; color:#FFF; text-align:center}


.comment-list li.item{padding:20px 0; border-bottom:1px dashed #d7d7d7}
.comment-list .item-l, .reviewform .reviewform-l{float:left; width:60px; text-align:center}
.comment-list .item-l {width:50px; height:20px;}
.comment-list .item-l p{margin-top:5px}
.comment-list .item-l .avatar, .reviewform .reviewform-l .avatar{display:inline-block; width:50px; height:50px}
.comment-list .item-l .avatar img, .reviewform .reviewform-l .avatar img{width:50px; height:50px}
.comment-list .item-l .username, .reviewform .reviewform-l .username{text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.comment-list .item-l .username a, .reviewform .reviewform-l .username a{color:#666}
.comment-list .item-l .username a:hover, .reviewform .reviewform-l .username a:hover{color:#d2a15d}


.comment-list .item-r {margin-left:80px}
.comment-list .item-r .con-hd{line-height:20px; margin-bottom:10px; font-weight:bold}
.comment-list .item-r .con-hd .top, .comment-list .item-r .con-hd .essence{width:20px; height:20px; margin-right:5px; line-height:999px; vertical-align:bottom; *vertical-align:middle}
.comment-list .item-r .con-hd .top{background-position:-52px -256px}
.comment-list .item-r .con-hd .essence{background-position:-52px -281px}

.comment-list .item-r .con-bd{line-height:20px; margin-bottom:15px; color:#666}
.comment-list .item-r .con-ft{height:25px; line-height:25px}
.comment-list .item-r .con-ft .time{float:left; color:#999}
.comment-list .item-r .con-ft .operation{float:right}
.comment-list .item-r .con-ft .operation a{float:left; height:25px; margin-left:15px}
.comment-list .item-r .con-ft .operation .top, .comment-list .item-r .con-ft .operation .essence, .comment-list .item-r .con-ft .operation .delete, .comment-list .item-r .con-ft .operation .num{color:#d2a15d}
.comment-list .item-r .con-ft .operation .reply{color:#666}
.comment-list .item-r .con-ft .operation .openReply{padding:0 6px; background:#f5f5f5}

.comment-list .item-r .reply-module{width:100%;background: #f5f5f5;}
.comment-list .item-r .reply-module .con{padding: 5px 20px 20px;}
.comment-list .item-r .reply-module .con ul li.reply-item{padding:7px 0; border-bottom:1px dotted #d7d7d7}
.comment-list .item-r .reply-hd{line-height:20px; margin-bottom:3px; color:#666}
.comment-list .item-r .reply-hd .username{color:#d2a15d}
.comment-list .item-r .reply-ft{height:20px; line-height:20px}
.comment-list .item-r .reply-ft .time{float:left; color:#999}
.comment-list .item-r .reply-ft .reply{float:right; color:#999}
.comment-list .item-r .reply-ft .reply:hover{color:#999}
.comment-list .item-r .reply-ft .sub-delete{float:right;color: #d2a15d;margin-right: 10px;}

.comment-list .item-r .replyform form{width:100%; padding-top:10px; overflow:hidden}
.comment-list .item-r .replyform .replycon-text{float:left; width:80%; height:40px; line-height:20px; padding:5px; margin-left:10px; background:#FFF; border:1px solid #e1e1e1; color:#666; outline:none; resize:none; overflow:hidden}
.comment-list .item-r .replyform .replysubmit{float:left; width:45px; height:30px; margin-left:10px; background:#353535; border:none; color:#FFF; cursor:pointer}
.comment-list .item-r .replyform .memorywords{line-height:20px; display:none}
.comment-list .item-r .reply-loading{height:24px; line-height:24px; margin-top:10px}
.comment-list .item-r .reply-loading .showall{float:left; color:#666}
.comment-list .item-r .reply-loading .showall .clickshow{color:#d2a15d}
.comment-list .item-r .reply-loading .reply{float:right; width:58px; height:22px; line-height:22px; text-align:center; border:1px solid #CCC; background:#FFF; color:#666}

.emotion{float:left; width:26px; height:26px;background-position: -83px -177px;cursor: pointer;}
.emotion:hover{background-position:-83px -208px}

.allcomment{height:25px; line-height:25px; margin-top:15px; text-align:right; color:#666;}
.allcomment .num{color:#d2a15d}
.reviewform{min-height:100px; padding-top:15px}
.reviewform .reviewform-r{margin-left:80px}
.reviewform .reviewform-r form{width:100%; _width:99.5%}
.reviewform .reviewform-r .reviewtile{height:25px; padding:5px; background:#FFF; border:1px solid #e1e1e1}
.reviewform .reviewform-r .reviewtile-text{width:100%; height:25px; line-height:25px; border:none; background:none; color:#666; outline:none}
.reviewform .reviewform-r .reviewcon{height:80px; padding:5px; margin-top:20px; background:#FFF; border:1px solid #e1e1e1}
.reviewform .reviewform-r .reviewcon-text{width:100%; height:80px; line-height:20px; border:none; background:none; color:#666; outline:none; resize:none; overflow:auto}
.reviewform .reviewform-r .reviewsubmit{height:30px; margin-top:20px}
.reviewform .reviewform-r .reviewsubmit .emotion{margin-top:2px;}
.reviewform .reviewform-r .reviewsubmit .reviewsubmit-btn{float:right; width:80px; height:30px; background:#d29f5d; border:none; color:#FFF; font-size:14px; font-weight:bold; cursor:pointer}

.emotionpack{width:310px;padding:10px; background:#FFF; border:1px solid #e6e6e6; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -o-box-shadow:0 1px 2px rgba(0,0,0,0.1); position:absolute; z-index:100; display:none}
.emotionpack .arrow-icon{width:12px; height:8px; background-position:-26px -165px; position:absolute; left:16px; top:-8px}
.emotionpack ul li{float:left; display:inline; width:28px;height: 28px;padding: 0;border: none;}
.emotionpack ul li a{display:inline-block; width:22px; height:22px; padding:3px; cursor:pointer}
.emotionpack ul li a:hover{padding:2px; border:1px solid #2E8DED}

.topic_popup{width:92px; height:22px; padding:10px; background:#FFF; border:1px solid #e6e6e6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -o-box-shadow:0 0 5px rgba(0,0,0,0.1); position:absolute; z-index:100; display:none}
.topic_popup a{display:inline-block; width:40px; height:22px; line-height:22px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px}
.topic_popup a.confirm{background:#d29f5d; color:#FFF}
.topic_popup a.cancel{background:#dcdcdc; color:#666; margin-left:10px}