@charset "gb2312";
/* CSS Document */
/*视频播放器*/
.containers{width:100%;margin: 0 auto;}
#willesPlay{margin:0 auto;box-shadow: 0px 0px 15px #333333;position: relative;}
#willesPlay .playContent{position: relative;min-height:4rem;max-height:8rem;width: 100%; overflow: hidden;background:#000;cursor: pointer;;}
#willesPlay .playContent .playTip{position: absolute;width: 1rem;height: 1rem;top: 48%;left: 55%;margin-left:-0.7rem;margin-top:-0.7rem;font-size: 0.5rem;border: 0.06rem solid #FFFFFF;border-radius: 50%;color: #fff;cursor: pointer;padding: 0.06rem 0 0 0.31rem;;line-height: 0.8rem;text-align: left;}
#willesPlay .playControll{
	position: absolute;
	z-index: 10;overflow: hidden;
	width: 100%;
	height: 1rem;
	bottom: 0rem;
	background: rgba(0,0,0,0.5);
	border-radius: 0px 0px 3px 3px;
	-moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;   
}
#willesPlay .fullControll{
	background:rgba(0,0,0,.5);
}
#willesPlay .fullControll .timebar span{
	color: #FFFFFF;
}
#willesPlay .playControll .playPause{
	float: left;
	width: 0.2rem;
	height: 0.6rem;
	font-size: 0.6rem;
	background: url(../images/control_02.png) 0px 0px no-repeat; background-size:auto 100%;
	margin: 0.2rem 0px 0px 0.2rem;
	cursor: pointer;
}
/*#willesPlay .playControll .playIcon{
	background: url(../images/control_01.png) 0px 0px no-repeat; background-size: auto 100%;
}*/
/*进度条*/
#willesPlay .playControll .timebar{
float: left;
width:8.4rem;
line-height:1rem;
overflow: hidden;
margin: 0 auto;
}
#willesPlay .playControll .timebar .progress{
	float: left;
	width: 56%;
	margin:0.4rem 5px;
	height:0.16rem;
	cursor: pointer;
}
#willesPlay .playControll .timebar span{
	float: left;
	width:20%;color: #E1DCDC;font-size: 0.3rem;
	text-align: center;
}
#willesPlay .otherControl{
	float: right;
	position: relative;
}

#willesPlay .otherControl span{
	display: inline-block;
	width:0.6rem;
	color: #a2a7aa;
	height:0.6rem;
	text-align: center;
	line-height: 0.6rem;
	vertical-align: middle;
	font-size: 20px;
	margin: 0.2rem 0.2rem 0 0;
	cursor: pointer;
}
#willesPlay .otherControl span:nth-child(1){
	font-size: 0.6rem
}
/*#willesPlay .otherControl span:nth-child(2){
	background-position: -171px 0px;
}*/
#willesPlay .otherControl span:nth-child(2){
	color: #919597;
}
/*音量*/
#willesPlay .otherControl .volumeBar{
	display: none;
	position: absolute;
	top: -110px;
	left:4px;
	width: 26px;
	height: 100px;
	background:#f1f2f2;
	border-radius: 4px;
	cursor: pointer;
}
#willesPlay .otherControl .volumeBar:after{
	content:"";
	display: block;
	position:absolute;
	bottom: -7px;
	left: 5px;
	width: 0;
    height: 0;
    border-left:8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f1f2f2;
}
#willesPlay .otherControl .volumeBar .volumewrap{
	background: #a2a7aa;
	width: 8px;
	height: 80px;
	position: absolute;
	bottom: 10px;
	left: 9px;
	border-radius: 4px;
}

#willesPlay .otherControl .volumeBar .progress{
	background: none;
}
#willesPlay .otherControl .volumeBar .progress-bar{
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 4px;
}
video::-webkit-media-controls-enclosure {
    /*禁用播放器控制栏的样式
    display: none !important;*/
}
:-webkit-full-screen{}

#baoming{width: 9.2rem;height: 1.3rem;background-color:rgba(234,234,234,0.8);position: absolute;bottom:0;left: 0.4rem;margin-bottom: 0.4rem;}
#baoming h5{float:left;padding-left: 0.4rem;font-size: 0.44rem;line-height: 1rem;color: #994A47;}
#baoming span{float:right;margin-right: 0.4rem;padding: 0.06rem 0.12rem;font-size: 0.44rem;border: #994A47 solid 0.03rem;color: #994A47;margin: 0.2rem;cursor:pointer}

/*视频播放器*/
.video_video{width:100%;margin: 0 auto;padding:0 .4rem;}
.video_video ul{width:100%;overflow: hidden;margin-top: 0.2rem;}
.video_video ul .video_left{width: 30%;float: left;font-size: 0.35rem; color: #666; line-height: 0.7rem;}
.video_video ul .video_center{width: 40%;float: left;text-align: center;font-size: 0.35rem;color: #666;line-height: 0.7rem;}
.video_video ul .video_center span{margin-right:0.1rem;}
.video_video ul .video_right{width: 30%;float: right;text-align: right;font-size: 0.35rem;color: #666;line-height: 0.7rem;}
.praise_user{width: 100%;font-size: 0.4rem;color: #666;border-bottom: #e6e6e6 solid 0.03rem;line-height: 0.7rem;padding-bottom: 0.1rem;height: 0.8rem;overflow: hidden;}
.praise_user img{height: 0.37rem; margin-right: 0.2rem;vertical-align: middle;}
/*.praise_user span{ display:inline-block; width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: bottom;margin-left: 0.2rem;color: #231815;}*/

.praise_give{width:100%;overflow: hidden;border-bottom: #e6e6e6 solid 0.03rem;}
.video_praise{overflow: hidden;float: left;font-size: 0.4rem;line-height: 1.4rem;color: #9FA0A0;margin-right: 1%;}
.video_give{width:50%;overflow: hidden;float: left;font-size: 0.34rem;line-height: 1rem;color: #9FA0A0;height: 1rem;}
.praise_give img{ width:.7rem;vertical-align: middle;margin-right: 0.2rem; border-radius: 50%;}

.wenz{width: 92%;margin:0.3rem 4%;overflow: hidden;}
.wenz .wenz_t{width:0.6rem;height: 0.6rem;border-radius: 0.6rem;float: left;}
.wenz .wenz_m{font-size:0.4rem;float: left;line-height: 0.6rem;color: #231815;margin-left: 0.2rem;}
.wenz .wenz_g{float: left;line-height: 0.5rem;font-size: 0.36rem;background-color: #F39800;color: #ffffff;padding: 0 0.1rem;margin-left: 0.2rem;border-radius: 0.1rem;margin-top: 0.05rem;}
.wenz .wenz_s{float: right;line-height: 0.6rem;color: #999999;font-size: 0.36rem;}
.wenz .wenz_c{float: right;line-height: 0.5rem;color: #999999;border: #999999 solid 0.03rem;padding: 0 0.1rem;margin-right: 0.2rem;font-size: 0.34rem;margin-top: 0.05rem;}

.mengbanimg{background:rgba(0,0,0,1);width:100% !important;height:100% !important; z-index:98; position:fixed !important;top:0;left:0; margin:0 !important;-webkit-transition:all 0.2s ease; transition:all 0.2s ease; vertical-align:middle; display:inline-block;}
#mengbanimg{ display:none; background-color:#FFFFFF;position:fixed !important;top:0.4rem;right:0.4rem;width:0.6rem;height:0.6rem;margin:0 !important; padding:0 !important; z-index:100;border:#000000 solid 0.03rem; border-radius:50%; text-align:center !important;font-size:0.5rem;  line-height:0.6rem;}
#mengbanimg span{font-size:0.5rem;  line-height:0.6rem;}
p.mengbanimgs,
p.mengbanimgs img{
	width: 100%;text-align:center !important;;
	-webkit-user-drag: none;
}
.am-pureview-counter{ font-size:0.3rem;}
.middle-img {
	position: absolute;
	left: 259px;
	top: 0px;
	width: 40px;
}

.up-img {
	position: absolute;
	top: -40px;
	left: 261px;
	width: 40px;
}

.down-img {
	position: absolute;
	top: 40px;
	left: 257px;
	width: 40px;
}

.left-img {
	position: absolute;
	left: 218px;
	width: 40px;
}

.right-img {
	position: absolute;
	left: 300px;
	width: 40px;
}
	.middle-img {
		position: absolute;
		left: 259px;
		top: 0px;
		width: 40px;
		display: none;
	}

	.up-img {
		position: absolute;
		top: -40px;
		left: 261px;
		width: 40px;
		display: none;
	}

	.down-img {
		position: absolute;
		top: 40px;
		left: 257px;
		width: 40px;
		display: none;
	}

	.left-img {
		position: absolute;
		left: 218px;
		width: 40px;
		display: none;
	}

	.right-img {
		position: absolute;
		left: 300px;
		width: 40px;
		display: none;
	}

	.rotate_jia{
		display: none;
	}.rotate_div{
		display: none;
	}.rotate_jian{
		display: none;
	}
	
.xinxi_nei td{ border:1px solid;}
.shoucang{ position: absolute;top:0.1rem;right:-1.2rem; display: block; z-index:99; width: 7rem; text-align: left;font-size: 0.4rem;line-height: 0.6rem;}
.shoucang a{color: #ccc;font-size: 0.4rem;line-height: 0.6rem;width: 6rem; float:right;}

