/*comment*/
#pagelet-ncomment{margin-bottom:40px;position:relative}
#pagelet-ncomment .cheader{ height:36px; border-bottom: 1px solid #ccc; margin-bottom:25px; clear:both;}
#pagelet-ncomment .cheader .dtag{float:left;position:relative;font-size:18px;line-height:30px;font-weight:700;color:#222; padding-bottom:5px; margin-bottom:20px; margin-bottom:0;border-bottom: 2px solid #0d5f96;}
#pagelet-ncomment .cheader .ctotal{float:right;color:#222;font-size:16px;height:18px;line-height:35px;}
#pagelet-ncomment .cheader .ctotal .ctotalnum{position:relative;display:inline-block;font-size:18px;padding-left:20px; margin-right:3px;}
#pagelet-ncomment .cheader .ctotal .ctotalnum:before{content:'';position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;background:url(../images/icon_comment.png) no-repeat center}
#pagelet-ncomment .cavatar{position:relative;float:left;width:38px;height:38px;border:1px solid #E8E8E8;border-radius:50%;overflow:hidden;background:url(../images/icon_portrait.png) no-repeat center;background-size: 40px;}
#pagelet-ncomment .cavatar img{border-radius:100%;opacity:0;width:100%;height:100%;-webkit-transition:.3s opacity ease-in-out;transition:.3s opacity ease-in-out}
#pagelet-ncomment .cbody{margin-left:54px;font-size:14px}
#pagelet-ncomment .ceditzone{margin-bottom:30px}
#pagelet-ncomment .ceditzone .cavatar{margin-top:3px}
.cedit{position:relative;font-size:16px;color:#bababa;border:1px solid #ddd;height:44px;background:#fff}
.cedit .ctextarea{background:#fff;padding:12px 16px 0}
.cedit .ctextarea .cinput{display:block;font-size:16px;font-family:"Open Sans",Arial,"Microsoft YaHei","ËÎÌå","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;width:100%;height:30px;resize:none;border:0;outline:0;padding:0;-webikt-transition:.1s height linear;-webkit-transition:.1s height linear;transition:.1s height linear}
.cedit .caction{position:absolute;top:0;right:0;padding:0;border:0;height:44px}
.cedit .caction .cshare{display:none;height:100%}
.cedit .caction .cshare .snsbox{height:100%;color:#9e9e9e}
.cedit .caction .csubmit{line-height:44px;background-color:#ccc;float:right;width:110px;height:100%;color:#fff;text-align:center;cursor:pointer}
.cedit .caction .csubmit:hover{background-color:rgba(232,232,232,.8)}
.cedit.focus{height:100%}
.cedit.focus .ctextarea .cinput{height:120px}
.cedit.focus .ctextarea .cinput.mini{height:80px}
.cedit.focus .caction{position:relative;height:48px;background-color:#f4f5f6;border-top:1px solid #efefef;padding-left:16px}
.cedit.focus .caction .cshare{display:inline-block}
.cedit.focus .caction .csubmit{line-height:48px}
.cedit.focus .caction .csubmit.active{background-color:#0d5f96;box-shadow:inset 0 1px 0 0 rgba(239,239,238,.004)}
.cedit.focus .caction .csubmit.active:hover{background-color:#044875}
#pagelet-ncomment .clist .citem{margin-bottom:30px}
#pagelet-ncomment .clist .citem .cuser{margin-bottom:8px}
#pagelet-ncomment .clist .citem .cuser a:hover {color: #7696b3;}
#pagelet-ncomment .clist .citem .ctxt{font-size:16px;line-height:22px;color:#444;margin-bottom:16px}
.citem .ctxt .content{ font-size:14px; background:#f8f8f8; border:1px solid #ddd; zoom:1; padding:8px 10px; margin:5px 0}
.citem .ctxt .content span{ color:#999; display:block;}
.citem .ctxt .content pre{ color:#666; font:15px/27px "Microsoft Yahei",\5b8b\4f53,Tahoma,Verdana,Arial,Helvetica,Sans-Serif; padding:3px 0;}
.citem .cbody{ margin-top:10px;}
.citem .cbody .csubmit input{ border:none;}
#pagelet-ncomment .clist .citem .cinfo{color:#999;line-height:1}
#pagelet-ncomment .clist .citem .cinfo .ctime{float:left}
#pagelet-ncomment .clist .citem .cinfo .c-actions{float:right}
#pagelet-ncomment .clist .citem .cinfo .c-actions .cbtn{display:inline-block;width:16px;height:14px}
#pagelet-ncomment .clist .citem .cinfo .c-actions .cdigg{position:relative;top:-1px;color:#999}
#pagelet-ncomment .clist .citem .cinfo .c-actions .cdigg .cbtn{margin-left:5px;background:url(../images/icon_digg.png) no-repeat center}
#pagelet-ncomment .clist .citem .cinfo .c-actions .cdigg.digged .cbtn,#pagelet-ncomment .clist .citem .cinfo .c-actions .cdigg.digged:hover .cbtn{background:url(../images/icon_digg_active.png) no-repeat center}
#pagelet-ncomment .clist .citem .cinfo .c-actions .cdigg:hover .cbtn{background:url(../images/icon_digg_hover.png) no-repeat center}
#pagelet-ncomment .clist .citem .cinfo .c-actions .creply{margin:0 26px}
#pagelet-ncomment .clist .citem .cinfo .c-actions .creply .cbtn{background:url(../images/icon_comment.png) no-repeat center}
#pagelet-ncomment .clist .citem .cinfo .c-actions .creport .cbtn{background:url(../images/icon_ic_report.png) no-repeat center}
#pagelet-ncomment .cloadmore{display:none;width:190px;height:30px;line-height:30px;margin:30px auto;font-size:14px;text-align:center;color:#fff;background:#d8d8d8;border-radius:4px}
#pagelet-ncomment .cloadmore:hover{background:rgba(216,216,216,.8)}
#pagelet-ncomment .cloadmore.show{display:block}
.confirm-dialog .btn-group{text-align:center}
.confirm-dialog .btn-group .cancel{float:right;margin-right:15%}
.confirm-dialog .report-confirm .report-confirm-header{position:absolute;top:10px;left:0;width:100%;z-index:-1;font-size:18px;color:#5d5d5d;border-bottom:1px solid #e9e9e9}
.confirm-dialog .report-confirm .report-confirm-content{font-size:16px;color:#9E9E9E;text-align:left;line-height:28px;width:440px}
.confirm-dialog .report-confirm .report-confirm-content input[type=radio]{margin-right:12px}
.confirm-dialog .report-confirm .report-confirm-content .report-complain{width:440px;height:72px;border:1px #e9e9e9 solid;border-radius:6px;padding:11px 12px;box-sizing:border-box;color:#5d5d5d;font-size:16px; font-family: "Microsoft Yahei",Arial, Gadget, sans-serif; margin-top:5px;}
#comment_area{height:80px;position:absolute;width:100%;top:-82px;z-index:-1}
.caction .snsbox .snsbox-inner{line-height: 48px;}
.caction .snsbox .snsbox-inner .snszone .sns-btn{height:48px; line-height: 48px;}

/*share*/
.interact{text-align:center;position:relative}
.article-like,.article-dislike,.article-up,.article-down,.article-share{display:inline-block;margin:20px;cursor:pointer; overflow:hidden;}
.article-like .icon,.article-dislike .icon,.article-up .icon,.article-down .icon,.article-share .icon{display:block;width:70px;height:70px;background:url("../images/icon_article.png") no-repeat 19px -124px;position:relative;border:1px solid #e7e7e7;border-radius:50%;margin-bottom:13px}
.article-like[data-islike="false"]:hover .icon{background-position:20px -288px}
.article-up[data-isup="false"]:hover .icon{background-position:20px -413px}
.article-like .icon-anim,.article-up .icon-anim{content:'';position:absolute;opacity:0;filter:alpha(opacity=0);left:13px;top:11px;width:44px;height:44px;-webkit-transform:scale(0.68);transform:scale(0.68);background:url("../images/icon_article.png") no-repeat 0 0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.article-up .icon-anim{background-position:0 -77px;-webkit-transition-duration:.3s;transition-duration:.3s}
.article-like-anim .icon-anim,.article-up-anim .icon-anim{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.3);transform:scale(1.3)}
.article-like[data-islike="false"] .icon-anim{-webkit-transform:rotate(0deg) scale(1.3);transform:rotate(0deg) scale(1.3);top:-80px}
.article-like-anim[data-islike="false"] .icon-anim{-webkit-transform:rotate(360deg) scale(0.68);transform:rotate(360deg) scale(0.68);top:11px}
.article-like[data-islike="true"] .icon-anim{-webkit-transform:rotate(360deg) scale(0.68);transform:rotate(360deg) scale(0.68);top:11px}
.article-like-anim[data-islike="true"] .icon-anim{-webkit-transform:rotate(0deg) scale(1.5);transform:rotate(0deg) scale(1.5);top:-80px}
.article-like[data-islike="true"] .icon{background-position:20px -288px}
.disliketip{position:absolute;width:178px;height:67px;line-height:50px;text-indent:7px;background:url("../images/bg_disliketip.png") no-repeat;left:383px;z-index:100;top:-32px;font-size:12px;opacity:0;filter:alpha(opacity=0)}.report{text-align:center}
.article-up[data-isup="true"] .icon{background-position:20px -413px}
.article-dislike .icon{background-position:20px -349px}
.article-up .icon{background-position:19px -182px}
.article-share .icon{background-position:21px -235px}
.article-dislike:hover .icon,.article-share:hover .icon{background-color:#f3f3f3}
.article-up em{font-style:normal;color:#ff5482}
.interact .text{color:#a1a1a1;font-size:12px}
.interact .share-popover{right:42px;top:105px;padding:0;font-size:12px;display:none}
.interact .share-popover .arrow{right:104px}
.article-down .icon{ transform: rotate(180deg);}
.article-down[data-isup="false"]:hover .icon{background-position:20px -413px;}
.article-down .icon-anim{content:'';position:absolute;opacity:0;filter:alpha(opacity=0);left:13px;top:11px;width:44px;height:44px;-webkit-transform:scale(0.68);transform:scale(0.68);background:url("../images/icon_article.png") no-repeat 0 0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;background-position:0 -77px;-webkit-transition-duration:.3s;transition-duration:.3s;}
.article-down[data-isup="true"] .icon,.article-down[data-isdown="true"] .icon{background-position:20px -413px}
.article-down .icon{background-position:19px -182px}
.article-down em{font-style:normal;color:#ff5482}