@charset "utf-8";
/*20190104 add 评论*/
.commentbox{width: 1020px; margin: 0 auto; overflow:hidden; padding-bottom: 30px;}
.comment_textarea{ padding:0 10px 30px; overflow:hidden;}
.comment_textarea .headpicbox{ width:76px; height:76px; float:left; overflow:hidden;margin-right: 25px; -moz-border-radius:38px; -webkit-border-radius:38px; border-radius:38px;}
.comment_textarea .headpicbox img{ width:100%; height:100%;}
.comment_textarea .textarea_div{ height:200px; line-height:26px; border:1px solid #f0f0f0; overflow:hidden;}
.comment_textarea .textarea_div textarea{ width:96%; padding:10px 2%; line-height:26px; color:#666; background:none; border:0 none; outline:none; resize:none; font-family:microsoft yahei,"微软雅黑"; }
.comment_textarea .textarea_div .limit{ padding-top:15px; text-align:right; padding-right:2%; color:#999;}
.comment_textarea .commentbtn{ text-align:right; padding-top:30px; }
.comment_textarea .commentbtn button{ width:148px; height:48px; line-height:48px; background:#0099ff; border:0 none; text-align:center; font-size:18px; color:#fff; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; }
.comment_textarea .commentbtn button:hover{ -moz-box-shadow:0 0 10px rgba(0,153,255,.3); -webkit-box-shadow:0 0 10px rgba(0,153,255,.3);box-shadow:0 0 10px rgba(0,153,255,.3);}
.commentbox ul{
	overflow:hidden;
}
.commentbox li{
	padding:20px 0 10px;
	border-bottom:1px solid #f0f0f0;
	overflow:hidden;
}
.commentbox li:last-of-type{ 
	border-bottom:0 none 
}
.commentbox li .username{ 
	height:40px; line-height:40px;
	overflow:hidden; position: relative;
}
.commentbox li .username img{ 
	 width:40px; height:40px; float:left; overflow:hidden;margin-right: 10px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;
}
.commentbox li .username em{ display:inline-block; width:auto; height:22px; line-height:22px; padding:0 5px; font-style:normal; border:1px solid #0099ff; color:#0099ff; text-align:center;
	 -moz-border-radius:3px; 
	 -webkit-border-radius:3px; 
	 border-radius:3px; 
}
.commentbox li .name{ color:#333; padding-left:10px;}
.commentbox li .time{
	color:#999; padding-left:25px;
}
.commentbox li .zan{ width:auto; height:14px; line-height:14px; font-size:12px; color:#999; white-space:nowrap; position:absolute; right:0; top:13px;cursor: pointer;}
.commentbox li .zan span{ padding:0;display: inline-block; vertical-align: middle;margin-left:10px;}
.commentbox li  .zan i{display:inline-block; width:14px; height:14px;  vertical-align: middle;
	background:url(../images/pczanicon.png) center no-repeat; 
}
.commentbox li  .zan.on span{ color:#0099ff;}
.commentbox li  .zan.on i{
	background:url(../images/pczanicon_on.png) center no-repeat; 
}
.commentbox li .comment_con{ padding:20px 0; line-height:26px; color:#666;}
.commentbox li p{ line-height:26px; color:#666;}
.commentbox li .replybox{ background:#fafafa; padding:20px 20px; overflow:hidden;margin-bottom: 20px;}
.commentbox li .replybox em{ display:inline-block; font-style:normal; color:#0099ff; line-height:26px; }
.commentbox li .replybox span{ display:inline-block; color:#999; line-height:26px; padding-left:25px; }