video, .video-js{

	margin:0 auto 1em;

}

.vjs-control-bar{

	z-index:250;

}

.video-js .recommendBox{

	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.8);
	display:none;
	height:100%;

}

.video-js .recommendBox div.flexBox{

	display:flex;
	flex-wrap: wrap;

}


.video-js .recommendBox div.flexBox div.items{

	display:block;
	position:relative;
	transition:all .3s ease-in-out;
	width:50%;

}

.video-js .recommendBox div.flexBox div.items a{

	display:block;
	transition:all .3s ease-in-out;

}

.video-js .recommendBox div.flexBox div.items a img{

	width:100%;

}

.video-js .recommendBox div.flexBox div.items a span{

	color:#ffffff;
	background-color:rgba(0,0,0,0.5);
	display:none;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding:1em 1em 3em;
	line-height:1.2em;

}

.video-js .recommendBox div.flexBox div.items a:hover span{

	display:block;

}

@media(min-width:769px){

	.video-js{

		width:768px;
		height:432px;

	}

}

@media(max-width:768px){

	.video-js {

		width: 100%;
		padding-top: 56.25%;

	}

}