.hide { width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.win { width: 682px; height: 490px; position: fixed; left: 485px; top: 321px; z-index: 9999; }
.win .remove { width: 20px; height: 20px; position: absolute; top: 0; right: 0; }
.win .remove i { font-size: 20px; color: #999999; }
.win .remove i:hover { color: #E30B20; }
.win .content { height: 440px; width: 632px; background-color: #fff; position: absolute; left: 0; bottom: 0; padding-top: 67px; padding-left: 93px; }
.win .content .top { margin-bottom: 51px; }
.win .content .top .top-left { height: 44px; line-height: 44px; }
.win .content .top .top-left i { color: #E30B20; font-size: 44px; }
.win .content .top .top-left span { height: 44px; line-height: 44px; margin-left: 9px; font-size: 24px; color: #333; }
.win .content .top .top-right { height: 44px; line-height: 44px; }
.win .content .top .top-right i { color: #999; font-size: 17px; }
.win .content .top .top-right span { height: 44px; line-height: 44px; margin-left: 10px; font-size: 16px; color: #333; margin-right: 111px; }
.win .content .middle .middle-left { position: relative; width: 200px; height: 116px; margin-right: 30px; }
.win .content .middle .middle-left img { display: block; }
.win .content .middle .middle-left .left-content { height: 30px; width: 100%; background-color: #000000; opacity: 0.5; position: absolute; bottom: 0; font-size: 16px; line-height: 30px; color: #FFF; }
.win .content .middle .middle-left .left-content i { margin-right: 10px; margin-left: 48px; }
.win .content .middle .middle-right { position: relative; width: 200px; height: 116px; }
.win .content .middle .middle-right img { display: block; }
.win .content .middle .middle-right .right-content { height: 30px; width: 100%; background-color: #000000; opacity: 0.5; position: absolute; bottom: 0; font-size: 16px; line-height: 30px; color: #fff; }
.win .content .middle .middle-right .right-content span { margin-right: 10px; margin-left: 48px; }
.win .content .bottom { width: 146px; height: 40px; position: absolute; bottom: 30px; right: 30px; text-align: center; }
.win .content .bottom a { display: block; width: 100%; height: 100%; border: 1px solid #E30B20; border-radius: 20px; behavior: url("../src/pie/PIE.htc"); font-size: 16px; color: #E30B20; line-height: 40px; }
.win .content .bottom a:hover { background-color: #E30B20; color: #fff; }

.container .big-title .left { font-size: 36px; color: #333; line-height: 50px; }
.container .big-title .right { text-align: center; }
.container .big-title .right div { float: left;}
.container .big-title .right .zan { margin-left: 29px; }
.container .big-title .right i { display: block; color: #BBB; font-size: 20px; }
.container .big-title .right i.iconheart-fill{color: #E30B20;}
.container .big-title .right i.iconthumb-up-fill{color: #E30B20;}
.container .big-title .right i:hover { color: #E30B20; }
.container .big-title .right p {color: #666666; font-size: 14px;text-align: center;}
.container .big-title .right span { margin-left: 5px;}
.container .info { width: 100%; }
.container .info .left { padding: 8px 0; margin-top: 20px; }
.container .info .left span { color: #999; font-size: 14px; margin-right: 79px; }
.container .info .right { margin-top: 24px;width: 240px;height: 40px; }
.container .info .right .share { font-size: 14px; color: #666; margin-right: 9px; height: 30px; line-height: 30px;margin-top: 10px; }
.container .info .right .font i { margin-left: 10px; color: #BBB; font-size: 30px; }
.container .info .right #share-2 a{width: 30px;height: 30px;line-height: 30px;font-size: 30px;}
.container .comment-area { width: 100%; position: relative; margin-bottom: 20px; }
.container .comment-area .big { font-size: 26px; color: #333333; }
.container .comment-area .small { position: absolute; bottom: 0; right: 0; font-size: 14px; }
.container .comment-area .small span { color: #E30B20; }
.container .comment-input { position: relative; width: 100%; }
.container .comment-input textarea { width: 1192px; height: 109px; overflow: hidden; resize: none; border: 2px solid #E5E5E5; border-radius: 4px; behavior: url(../src/pie/PIE.htc); }
.container .comment-input .limit { height: 30px; line-height: 30px; color: #666666; font-size: 12px; text-align: right; }
.container .comment-input .success { position: absolute; top: 20px; left: 500px; height: 65px; width: 210px; border-radius: 4px; box-shadow: 0 0 12px #f2f2f2; behavior: url(../src/pie/PIE.htc); }
.container .comment-input .success .text { text-align: center; line-height: 65px; height: 65px; color: #333333; }
.container .comment-input .success .text i { color: #2bae1d; margin-right: 16px; }
.container .comment-input a { display: block; color: #fff; text-align: center; line-height: 45px; border-radius: 24px; font-size: 16px; width: 131px; height: 45px; background-color: #E30B20; }
.container .comment-input a:hover { background-color: #FB0C23; }
.container .hot-title { margin-top: 60px; margin-bottom: 30px; font-size: 20px; color: #333; }
.container .hot-comment { width: 100%; }
.container .hot-comment .user-icon { width: 50px; height: 50px;}
.container .hot-comment .user-icon img { width: 100%; height: 100%; border-radius: 50%; behavior: url(../src/pie/PIE.htc); border: 1px solid #E5E5E5;}
.container .hot-comment .hot-text { width: 1150px; margin-bottom: 20px;}
.container .hot-comment .hot-text .user-line { width: 100%; margin-bottom: 16px; }
.container .hot-comment .hot-text .user-line .username { font-size: 16px; margin-left: 20px; }
.container .hot-comment .hot-text .user-line .time { color: #999999; font-size: 12px; margin-left: 20px; margin-top: 3px; }
.container .hot-comment .hot-text .user-line .warning { color: #999999; font-size: 12px; }
.container .hot-comment .hot-text .user-line .warning i { margin-right: 5px;font-size: 14px; }
.container .hot-comment .hot-text .user-line .warning:hover { color: #E30B20; }
.container .hot-comment .hot-text .user-line .nowarning {color: #E30B20;font-size: 14px;}
.container .hot-comment .hot-text .user-text { color:#333; margin-left: 20px; font-size: 14px; line-height: 24px; height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.container .hot-text .text-details { width: 100%; background-color: whitesmoke; margin-top: 20px; padding: 0 20px 20px 20px; }
.container .hot-text .text-details .text-list { width: 100%; }
.container .hot-text .text-details .text-list .list-title { width: 100%; font-size: 14px; padding-top: 20px; }
.container .hot-text .text-details .text-list .others { margin-top: 10px; padding-bottom: 14px; border-bottom: 1px solid #e5e5e5;}
.container .hot-text .text-details .text-list .others:last-child{border-bottom: none}
.container .hot-text .text-details .text-list .others a { font-size: 12px; color: #999999; margin-right: 5px; }
.container .hot-text .text-details .text-list .others a span { margin-left: 5px; }
.container .hot-text .text-details .text-list .others .common-red:hover { color: #E30B20; }
.container .hot-text .text-details .text-list .others .sign-red { color: #E30B20; }
.container .hot-text .text-details .text-list .others .hidden { display: none; }
.container .hot-text .text-details .text-list .others .back { display: none; }
.container .hot-text .text-details .text-list:hover .hidden { display: block; }
.container .hot-text .text-details .text-list .send-input { width: 100%; }
.container .hot-text .text-details .text-list .send-input textarea { width: 100%; height: 80px; resize: none; border: 1px solid #E5E5E5; border-radius: 4px; behavior: url(../src/pie/PIE.htc); overflow: hidden; }
.container .hot-text .text-details .text-list .send-input a { width: 77px; height: 32px; line-height: 32px; text-align: center; margin-top: 10px; font-size: 14px; color: #fff; background-color: #E30B20; border-radius: 16px; behavior: url(../src/pie/PIE.htc); }
.container .hot-text .text-details .text-list .send-input a:hover { background-color: #FB0C23; }
.container .hot-text .send-input { width: 100%; }
.container .hot-text .send-input textarea { width: 100%; height: 80px; resize: none; border: 1px solid #E5E5E5; border-radius: 4px; behavior: url(../src/pie/PIE.htc); overflow: hidden; }
.container .hot-text .send-input a { width: 77px; height: 32px; line-height: 32px; text-align: center; margin-top: 10px; font-size: 14px; color: #fff; background-color: #E30B20; border-radius: 16px; behavior: url(../src/pie/PIE.htc); }
.container .hot-text .send-input a:hover { background-color: #FB0C23; }
.container .hot-text .text-details .send-number { margin-top: 16px; font-size: 14px; color: #999999; }
.container .hot-text .text-details .send-number span { margin: 0 5px; }
.container .hot-text .zan-send { margin-top: 20px; font-size: 12px; }
.container .hot-text .zan-send i { color: #999999; margin-right: 5px; font-size: 14px;}
.container .hot-text .zan-send .yeslike { margin-left: 25px; margin-right: 35px; margin-bottom: 10px;}
.container .hot-text .zan-send .yeslike i{ color: #E30B20;}
.container .hot-text .zan-send .zan { margin-left: 25px; margin-right: 35px; margin-bottom: 10px;}
.container .hot-text .zan-send .zan:hover { color: #E30B20; }
.container .hot-text .zan-send .zan:hover i { color: #E30B20; }
.container .hot-text .zan-send .send:hover { color: #E30B20; }
.container .hot-text .zan-send .send:hover i { color: #E30B20; }
.container .hot-text .zan-send .packup{margin-top: 2px;}
.container .lookingAll { width: 100%; margin-top: 30px; margin-bottom: 60px; height: 50px; line-height: 50px; background-color: #F5F5F5; text-align: center; font-size: 14px; border-radius: 4px; behavior: url(../src/pie/PIE.htc); }
.container .lookingAll a { color: #333333; }
.container .lookingAll:hover { background-color: #EDEDED; }
.container .lookingAll:hover a { color: #E30B20; }
.container .hot-page { width: 100%; position: relative; padding-left: 10px; border-left: 4px solid #e30b20; color: #333; font-size: 16px; margin-bottom: 30px; }
.container .hot-page div { border-bottom: 1px solid #e5e5e5; width: 1100px; position: absolute; top: 10px; left: 100px; }
.container .img-list { width: 100%; }
.container .img-list div { margin-bottom: 58px; margin-left: 20px; float: left; width: 285px; }
.container .img-list div:nth-of-type(1){margin-left: 0;}
.container .img-list div img { display: block;height: 200px; width: 100%;}
.container .img-list div .text { font-size: 16px; line-height: 24px; color: #000000; padding-top: 20px; margin-left: 0; }

.zx_slider{position:relative;width:100%;height:668px;overflow:hidden;border-radius:4px;border: 1px solid #E5E5E5;behavior: url(../pie/PIE.htc);margin: 40px 0 60px;}
.zx_slider .imgbox{width:4680px;height:480px;position:absolute;left:0;top:11px;border-bottom: 1px solid #E5E5E5;}
.zx_slider .imgbox img{float:left;width:800px;height:464px;display: block;margin-left: 10px;}
.zx_slider .lbtn{cursor:pointer;width:60px;height:178px;position:absolute;left:5px;bottom:0;}
.zx_slider .lbtn i{text-align: center; width: 59px; font-size: 35px; margin-top: 72px; color: #999;}
.zx_slider .rbtn i{text-align: center; width: 59px; font-size: 35px; margin-top: 72px; color: #999;}
.zx_slider i:hover{color: #e30b20;}
.zx_slider .rbtn{cursor:pointer;width:60px;height:178px;position:absolute;right:5px;bottom:0;}
.zx_slider .btnbox{width:1050px;height:178px;position:absolute;bottom:0px;left: 67px;}
.zx_slider .btnbox a{cursor:pointer;display:inline-block;float:left;width:200px;height:116px;margin:0 0 0 10px;margin-top:33px;}
.zx_slider .btnbox a img{position:relative;display:inline;width:100%;height:100%;float:left;border-radius:2px;display: block;behavior: url(../pie/PIE.htc);}
.zx_slider .btnbox a .img_hover{border:3px solid #e30b20;border-radius:2px;behavior: url(../pie/PIE.htc);}
.zx_slider .slider_p{overflow:hidden;width:386px;height:475px;position:absolute;right:0;top:0;background-color: #fff;}
.zx_slider .slider_p .content { margin-left: 20px; margin-top: 34px;margin-right: 30px; }
.zx_slider .slider_p .content .number { font-size: 34px; color: #E30B20; margin-bottom: 40px; }
.zx_slider .slider_p .content .number span { font-size: 18px; color: #333; }
.zx_slider .slider_p .content .text { text-indent: 30px; font-size: 16px; color: #333333; line-height: 32px; }
.zx_slider .zuo-btn{position: absolute;top: 150px;left: 20px;}
.zx_slider .you-btn{position: absolute;top: 150px;right: 402px;}
.hi_btn{width:740px;height:330px;position:absolute;left:0px;top:0px;display:block;}
.noComment{
	width: 100%;
	height: 350px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	color: #333;
	background:#fff url(../images/VIP/HD_01.png) no-repeat center center;
}
.send-input textarea {
	width: 100%;
	height: 80px;
	resize: none;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	behavior: url(../src/pie/PIE.htc);
	overflow: hidden;
}

.send-input a {
	width: 77px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	background-color: #E30B20;
	border-radius: 16px;
	behavior: url(../src/pie/PIE.htc);
}

.send-input a:hover {
	background-color: #FB0C23;
}
/*# sourceMappingURL=pageDetails.css.map */