@charset "utf-8";
/*视频*/
.videos{
    position: absolute;
    top: 70px;
    left: 60px;
	width: 530px;
    height: 340px;
	overflow:hidden;
	}
.video_b{
	width:100%;
	height:100%;
	}
.mBoxl_t{
	width:100%;
	height:26px;
	padding-bottom:12px;
	border-bottom:1px solid #ececec;
	overflow:hidden;	
	}
.box_title{
	display:block;
	width:74px;
	height:26px;
	line-height:26px;
	background:#222;
	text-align:center;
	color:#fff;
	font-size:14px;
	float:left;
	}
.box_list{
	float:right;
	height:26px;
	overflow:hidden;
	}
.box_list_l{
	float:right;
	height:26px;
	line-height:26px;
	}
.box_list_l a{
	color:#c5c5c5;
	font-size:12px;
	float:left;
	padding-left:11px;
	padding-right:11px;
	}
.box_list_l a.on{
	color:#000;
	}
.box_list_r{
	float:right;
	overflow:hidden;
	}
.video_b_in{
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	}
.video_ls{
	width:100%;
	height:100%;
	border-radius:6px;
	/* float:left; */
	margin:  0 auto;
	overflow:hidden;
	position:relative;
	}
.video_ls.on{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99999;
	}	
.video_rs{
	width:100%;
	height:100%;
	border-radius:6px;
	background:#1a1a1a;	
	float:left;
	}
#vids{
	display:block;
	width:100%;
	height:100%;
	object-fit:fill;
	}
.list_right{
	width:20px;
	height:auto;
	overflow:hidden;
	top:33px;
	right:-26px;
	position:absolute;
	transition:0.5s;
	transition-delay:0.3s;
	opacity:0;
	}
.video_ls:hover .title_top{
	opacity:1;
	top:36px;
	}
.video_ls:hover .list_right{
	opacity:1;
	right:30px;
	}		
.list_right a{
	display:block;
	width:20px;
	height:20px;
	margin-bottom:23px;
	overflow:hidden;
	color:#fff;
	}
.list_right a:hover{
	color:red;
	}	
#like.on{
	color:#ffbc00;
	}
#zan.on{
	color:#ffbc00;
	}
.controls{
	width: 500px;
	height:50px;
	position:absolute;
	bottom:19px;
	left:15px;
	}
#pass{
	width:106px;
	height:106px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:-53px;
	cursor:pointer;
	}
#pass img{
	display:block;
	width:106px;
	height:106px;
	}
#pBar{
	width:100%;
	height:20px;
	overflow:hidden;
	position:relative;
	}
.pBar_bj{
	width:100%;
	height:6px;
	background:#686868;
	border-radius:3px;
	margin-top:7px;
	position:relative;
	}
#buff{
	height:6px;
	border-radius:3px 0 0 3px;
	background:#959595;
	position:absolute;
	top:0;
	left:0;
	}
#pBar_move{
	height:6px;
	border-radius:3px 0 0 3px;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	}
#pBtn{
	width:20px;
	height:20px;
	border-radius:10px;
	position:absolute;
	background:#fff;
	top:-7px;right:-20px;
	cursor:pointer;
	}
.trol_list{
	width:100%;
	height:24px;
	line-height:24px;
	margin-top:10px;
	overflow:hidden;
	}
.list_1{
	float:left;
	width: 30px;
	height:24px;
	overflow:hidden;
	}
.voice{
	float:left;
	height:24px;
	overflow:hidden;
	margin-left:25px;
	}	
.voice i{
	cursor:pointer;
	color:#fff;
	font-size:20px;
	margin-right:20px;
	}		
.list_1 i{
	cursor:pointer;
	color:#fff;
	font-size:20px;
	}
#ztbf{margin-left:10px;margin-right:30px;}
.voicep{
	width:100px;
	height:24px;
	float:left;
	overflow:hidden;
	position:relative;
	}
#vBar{
	width:154px;
	height:6px;
	background:#686868;
	border-radius:3px;
	margin-top:9px;
	position:relative;
	}
#vBar_in{
	width:60px;
	height:6px;
	background:#fff;
	position:absolute;
	top:0;left:0;
	}
#vBtn{
	width:20px;
	height:20px;
	border-radius:10px;
	background:#fff;
	position:absolute;
	top:2px;
	left:60px;
	}
.vtime{
	float:left;
	margin-left:51px;
	height:24px;
	line-height:24px;
	font-size:16px;
	color:#939393
	}
.vtime font{
	color:#fff;
	}
.vtime em{
	font-style:normal;
	}
#qp{
	font-size:20px;
	color:#fff;
	float:right;
	cursor:pointer;
	}
.video_rs_t{
	width:100%;
	height:65px;
	border-bottom:1px solid #252525;
	position:relative;
	line-height:65px;
	font-size:12px;
	color:#4d4d4d;
	text-align:center;
	}
.video_rs_t span{
	float:left;
	font-size:16px;
	margin-left:25px;
	color:#fff;
	}
.btnadd{
	float:right;
	font-size:16px;
	margin-right:27px;
	color:#fff;
	}
.video_rs_b{
	width:100%;
	height:503px;
	overflow:auto;
	overflow-X:hidden;
	}
.one_tb{
	width:100%;
	height:96px;
	overflow:hidden;
	border-bottom:1px solid #252525;
	cursor:pointer;
	}
.one_tb:hover{
	background:#212121;
	}	
.one_tb_l{
	width:52px;
	height:96px;
	line-height:96px;
	text-align:center;
	float:left;
	color:#fff;
	font-size:12px;
	float:left;
	overflow:hidden;
	}
.one_tb_c{
	width:88px;
	height:44px;
	color:#fff;
	font-size:12px;
	float:left;
	overflow:hidden;
	margin-top:26px;
	position:relative;
	}
.one_tb_c img{
	width:88px;
	height:44px;
	float:left;
	}
.one_tb_c b{
	display:block;
	width:14px;
	height:16px;
	position:absolute;
	background:url(../media/xd.png) no-repeat center;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-8px;
	display:none;
	}
.one_tb.on .one_tb_c b{
	display:block;
	}	
.one_tb_r{
	width:236px;
	height:44px;
	float:left;
	overflow:hidden;
	margin-top:26px;
	margin-left:22px
	}
.one_tb_r h3{
	font-size:13px;
	color:#fff;
	font-weight:100;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.one_tb_r p{
	font-size:12px;
	color:#4c4c4c;
	margin-top:11px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
	}