/*
	igao7讨论公共css
*/

/* s= 公用评论（旧代码）*/
.lp-comment{width:700px; margin: 0 auto; padding: 28px 0; font-family: "microsoft yahei";}
.lp-comment .h2{height: 30px; line-height: 30px;}
.lp-comment .h2 h2{font-size: 20px; color: #333;font-weight:normal; float: left;}
.lp-comment .h2 strong.h2-tip{font-size: 12px;  margin-left: 8px; float:left; color:#505050;padding-top: 4px;font-family: "nsimsun";}
.lp-comment .h2 strong.h2-tip a{color:#57a9b8; font-size: 12px; text-decoration: none; padding: 0 5px;}
.lp-comment .submit{margin-top: 20px; padding-bottom: 20px;}
.lp-comment .submit .text{padding-right: 32px;height: 98px;}
.lp-comment .submit textarea{resize:none;width: 100%; margin:0 auto;height: 60px; color: #999999; font-size: 14px; border: solid 1px #d55252; padding: 15px;}
.lp-comment .submit textarea:focus{/*outline: solid 1px #FFB7B7;*/outline: 0}
.lp-comment .submit .sub{padding-top: 14px; font-size: 12px;height: 20px;}
.lp-comment .submit .sub button{font-size: 18px; color: #fff; padding: 11px 45px;font-family: "microsoft yahei";border-radius: 5px; background: #D55252; border: 0; cursor: pointer; float: right; display: inline;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.lp-comment .submit .sub button:hover{background: #E05F5F;}
.lp-comment .submit .sub button.disabled{background: #FAADAD; cursor: default;}
.lp-comment .words{padding-bottom: 20px;}
.lp-comment .words h3{font-size: 14px; color: #999999; height:40px; line-height: 40px; border-bottom: solid 1px #ECECEC; position: relative;margin-top: 4px; font-weight:normal;}
.lp-comment .words h3 strong{font-size: 20px;color: #D55252;position: absolute;bottom: -1px;left: 0;border-bottom: 2px solid #D55252;font-size: 16px;color: #ec6b44;border-bottom: 0;}
.lp-comment .words h3 span{color: #A2442F; padding: 0 3px;}
.lp-comment .words h3 i{display: block; width: 13px; height: 8px; background: url("../../images/common/lph-comment-sprite.png") no-repeat -250px 0px; position: absolute; bottom: -7px; left: 32px;}
.lp-comment .words .comment-say{}
.lp-comment .words .comment-say-li{padding: 20px 0 8px; border-bottom: dashed 1px #ECECEC;}
.lp-comment .words .comment-say-li.last{border-bottom: none;}
.lp-comment .words .comment-say .csl-img{width: 40px; float: left;position: relative;z-index: 1;}
.lp-comment .words .comment-say .csl-img img{border-radius: 50%;}
.lp-comment .words .comment-say .csl-body{padding-left: 60px;}
.lp-comment .words .comment-say .csl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;word-break:break-all;word-wrap:break-word;overflow: auto; }
.lp-comment .words .comment-say .csl-body .cont a.name{color: #B66257; text-decoration: none;}
/*达人 vip 小白*/
.lp-comment .words .comment-say .csl-body .cont a.type{display: inline-block;width: 40px;height: 20px;vertical-align: middle;margin-left: 5px;}
.lp-comment .words .comment-say .csl-body .cont .xb{background: url(../../images/c-xiaobai.png) no-repeat;}
.lp-comment .words .comment-say .csl-body .cont .i_vip{background: url(../../images/c-vip.png) no-repeat;}
.lp-comment .words .comment-say .csl-body .cont .daren{background: url(../../images/c-daren.png) no-repeat;}


.lp-comment .comment-say .csl-body .time{font-size: 12px; color: #cccccc; height: 14px; line-height: 14px;}
.lp-comment .comment-say .csl-body .time span{padding-right: 22px; float: left;}
.lp-comment .comment-say .csl-body .time a.respond-coin{float: right;}
.lp-comment .comment-say .csl-body .time a.respond-coin i{ width:17px;  height: 16px; display: inline-block; background: url("../../images/common/lph-comment-sprite.png") no-repeat -200px 0px;}
.lp-comment .comment-say .csl-body .time a.respond-coin em{color: #a0a0a0;font-size:14px; position: relative; top:-3px; margin-left: 8px;}
.lp-comment .comment-say .csl-respond{padding: 10px 0 0px;}

.lp-comment .comment-say .csl-body .time .zan{display: inline-block; float:right; position: relative; top:-2px;}
.lp-comment .comment-say .csl-body .zan i{width: 18px; height: 15px; margin-left: 15px; margin-right: 2px; cursor: pointer; background: url("../../images/common/lph-comment-sprite.png") no-repeat -409px 0px; display: inline-block;}
.lp-comment .comment-say .csl-body .zan em{position: relative; top:-1px; font-size:14px;}
.lp-comment .comment-say .csl-body .zan-success i{
	animation: zan-anim 1s;
	-moz-animation: zan-anim 1s;	/* Firefox */
	-webkit-animation: zan-anim 1s;	/* Safari 和 Chrome */
	-o-animation: zan-anim 1s;	/* Opera */
	background-position:-436px 0px;
	cursor: default;
}

@-webkit-keyframes zan-anim{
	0%{
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
	}
	50%{
		-webkit-transform: scale(1.5,1.5);
		-ms-transform: scale(1.5,1.5);
		-o-transform: scale(1.5,1.5);
		transform: scale(1.5,1.5);
	}
	100%{
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-moz-keyframes zan-anim{
	0%{
		-webkit-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
	50%{
		-webkit-transform: scale(1.3,1.3);
		-ms-transform: scale(1.3,1.3);
		-o-transform: scale(1.3,1.3);
		transform: scale(1.3,1.3);
	}
	100%{
		-webkit-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
}
@keyframes zan-anim{
	0%{
		-webkit-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
	50%{
		-webkit-transform: scale(1.3,1.3);
		-ms-transform: scale(1.3,1.3);
		-o-transform: scale(1.3,1.3);
		transform: scale(1.3,1.3);
	}
	100%{
		-webkit-transform: scale(0,0);
		-ms-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0);
	}
}

.lp-comment .words .comment-say .comment-respond-li{padding-bottom:12px; }
.lp-comment .words .comment-say .crl-img{width: 30px; float: left;/* margin-right: 18px;*/}
.lp-comment .words .comment-say .crl-body{/*width: 490px;float: left;*/ padding-left: 45px;}
.lp-comment .words .comment-say .crl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;}
.lp-comment .words .comment-say .crl-body .cont a.name{color: #B66257; text-decoration: none;}
.lp-comment .words .comment-say .crl-body .time{font-size: 12px; color: #cccccc; height: 14px; line-height: 14px;}
.lp-comment .words .comment-say .crl-body .time span{padding-right: 12px; float: left;}
.lp-comment .words .comment-say .csl-body .respond-submit{display: none;}
.lp-comment .words .comment-say .csl-body .text{position: relative;}
.lp-comment .words .comment-say .csl-body .text input{border-radius: 2px; padding-right:10px; height: 37px; line-height: 14px;font-size: 14px;line-height: 37px\9; color: #5A5A5A;border:solid 1px #EEEEEE; background: #F7F7F7;}
.lp-comment .words .comment-say .csl-body .text input:focus{outline: solid 1px #FFB7B7;}
.lp-comment .words .comment-say .csl-body .text .tip{font-size: 14px; color: #999999;position: absolute; top: 10px; left: 10px;}
.lp-comment .words .comment-say .csl-body .text .tip a{padding: 0 5px;}
.lp-comment .words .comment-say .csl-body .sub button{cursor: pointer;width: 85px; height: 33px; color: #fff; font-size: 14px;background: #D55252;border: 0; outline: 0; float: right;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.lp-comment .words .comment-say .csl-body .sub button:hover{background: #E05F5F;}
.lp-comment .words .comment-say .csl-body .sub button.disabled{background: #FAADAD; cursor: default;}
.lp-comment .words .comment-say .csl-body .sub{padding-top: 14px;}
.lp-comment .words .comment-say-more{height: 28px; cursor: pointer; background:url(http://www.leiphone.com/resWeb/images/common/down_03.png); background-repeat: no-repeat;background-position:  center center; color: #555; text-align: center;line-height: 28px; margin-top: 30px;}
.lp-comment .words .comment-say-more.loading{background-image: url("http://www.leiphone.com/resWeb/images/common/loading-comment.gif");}
.lp-comment .words .comment-say-more:hover{}
.lp-comment .words .comment-say-more span{cursor: pointer;}
.lp-comment .words .comment-say-more em,.lp-comment .words .comment-say-more span{display: none;}

.lp-comment .jcWords{padding-bottom: 20px;}
.lp-comment .jcWords h3{font-size: 14px; color: #999999; height:40px; line-height: 40px; border-bottom: solid 1px #ECECEC; position: relative;margin-top: 4px; font-weight:normal;}
.lp-comment .jcWords h3 strong{font-size: 20px;color: #dd6e4c;position: absolute;bottom: -1px;left: 0;border-bottom: 2px solid #dd6e4c;}
.lp-comment .jcWords h3 span{color: #A2442F; padding: 0 3px;}
.lp-comment .jcWords h3 i{display: block; width: 13px; height: 8px; background: url("../../images/common/lph-comment-sprite.png") no-repeat -250px 0px; position: absolute; bottom: -7px; left: 32px;}
.lp-comment .jcWords .comment-say{}
.lp-comment .jcWords .comment-say-li{padding: 20px 0 8px; border-bottom: dashed 1px #ECECEC;}
.lp-comment .jcWords .comment-say-li.last{border-bottom: none;}
.lp-comment .jcWords .comment-say .csl-img{width: 40px; float: left;/* margin-right: 22px;*/}
.lp-comment .jcWords .comment-say .csl-img img{border-radius: 50%;}
.lp-comment .jcWords .comment-say .csl-body{/*width: 538px;float: left;*/ padding-left: 60px;}
.lp-comment .jcWords .comment-say .csl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;word-break:break-all;word-wrap:break-word;overflow: auto; }
.lp-comment .jcWords .comment-say .csl-body .cont a.name{color: #B66257; text-decoration: none;}


.lp-comment .jcWords .comment-say .csl-respond{padding: 10px 0 0px;}
.lp-comment .jcWords .comment-say .comment-respond-li{padding-bottom:12px; }
.lp-comment .jcWords .comment-say .crl-img{width: 30px; float: left;/* margin-right: 18px;*/}
.lp-comment .jcWords .comment-say .crl-body{/*width: 490px;float: left;*/ padding-left: 45px;}
.lp-comment .jcWords .comment-say .crl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;}
.lp-comment .jcWords .comment-say .crl-body .cont a.name{color: #B66257; text-decoration: none;}
.lp-comment .jcWords .comment-say .crl-body .time{font-size: 12px; color: #cccccc; height: 14px; line-height: 14px;}
.lp-comment .jcWords .comment-say .crl-body .time span{padding-right: 12px; float: left;}
.lp-comment .jcWords .comment-say .csl-body .respond-submit{display: none;}
.lp-comment .jcWords .comment-say .csl-body .text{position: relative;}
.lp-comment .jcWords .comment-say .csl-body .text input{border-radius: 2px; padding-right:10px; height: 37px; line-height: 14px;font-size: 14px;line-height: 37px\9; color: #5A5A5A;border:solid 1px #EEEEEE; background: #F7F7F7;}
.lp-comment .jcWords .comment-say .csl-body .text input:focus{outline: solid 1px #FFB7B7;}
.lp-comment .jcWords .comment-say .csl-body .text .tip{font-size: 14px; color: #999999;position: absolute; top: 10px; left: 10px;}
.lp-comment .jcWords .comment-say .csl-body .text .tip a{padding: 0 5px;}
.lp-comment .jcWords .comment-say .csl-body .sub button{cursor: pointer;width: 85px; height: 33px; color: #fff; font-size: 14px;background: #D55252;border: 0; outline: 0; float: right;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}
.lp-comment .jcWords .comment-say .csl-body .sub button:hover{background: #E05F5F;}
.lp-comment .jcWords .comment-say .csl-body .sub button.disabled{background: #FAADAD; cursor: default;}
.lp-comment .jcWords .comment-say .csl-body .sub{padding-top: 14px;}

.lp-comment span.emotionc {font-size: 12px;color: #666;;width: 42px;height: 20px;background: url(http://www.leiphone.com/resWeb/images/common/lph-comment-face.gif) no-repeat 2px 2px;padding-left: 21px;cursor: pointer; margin-right: 10px;}
.lp-comment span.emotionc:hover {/*background-position: 2px -28px;*/}
.lp-comment .qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.lp-comment .qqFace table td{padding:0px;}
.lp-comment .qqFace table td img{cursor:pointer;border:1px #fff solid;}
.lp-comment .qqFace table td img:hover{border:1px #0066cc solid;}
/* s= 公用评论*/