@media screen and (min-width: 768px) {
	.container {
		background-image: url('../images/en/videoBg.jpg');
	}

	.video-title {
		text-align: center;
		width: calc(100% - 10px);
		height: 30%;
		position: absolute;
		bottom: 0;
		background-color: black;
		margin-bottom: 5px;
		opacity: 0.7;
		font-size: 30px;
		line-height: 80px;
		color: white;
		display: none;
	}
	.min-video .video-title{
		font-size: 16px;
		line-height: 55px;
	}

	.thumbnail {
		background-color: rgba(0, 0, 0, 0);
		border: none;
		padding: 0;
		margin: 0;
	}

	.bfan {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.col-xs-6 {
		padding: 5px;
		position: relative;
	}

	.content {
		margin-top: 20%;
		overflow: visible;
	}

	.video-list {
		width: 60%;
		margin: auto;
		padding-bottom: 5%;
	}

	.lg-img {
		width: 100%;
	}

	.title {
		text-align: right;
		padding: 10px 0px;
		width: 60%;
		margin: auto;
		color: #FFFFFF;
		font-weight: bold;
	}
	
}
@media screen and (max-width:767px){
	.title {
		text-align: right;
		padding: 25px 0px;
	}
	.video-title {
		position: static;
		display: block;
		background-color: transparent;
		font-size: 14px;
		line-height:42px;
		color: #49371e;
		opacity: 1;
		width: auto;
		height: auto;
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.bfan{
		width: 25%;
	}
	.video-list{
		padding: 0;
	}
}

.layui-layer-setwin .layui-layer-close2{
	width: 30px !important;
	height: 30px !important;
}