@charset "UTF-8";

.video-container {
	background: #fff;
	padding: 40px;
  padding-top:20px;
}

.videoList {
	margin-left: -20px;
	margin-right: -20px;
	/*margin-top: -20px;*/
}

.videoList .item {
	float: left;
	width: 33.333333333%;
	margin-bottom: 20px;
}

.videoList .item .tzsp {
	padding: 20px;

}

.videoList .item .tzsp .tImg {
	position: relative;
}

.videoList .item .tzsp .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 60px;
	height: 60px;
}

.videoList .item .tzsp .spimg {
	width: 100%;
	height: 157px;
	object-fit: cover;
}

.videoList .item .title {
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	padding-left: 32px;
	padding-right: 32px;
	margin-top: -2px;
	text-align: center;
}

@media screen and (max-width: 992px) {

	.video-container {
    padding: 8px 16px;
		/*padding: 16px;*/

	}

	.videoList {
		margin-left: -8px;
		margin-right: -8px;
		/*margin-top: -8px;*/
	}

	.videoList .item {
		width: 100%;
		margin-bottom: 16px;
	}

	.videoList .item .tzsp {
		padding: 8px;

	}


	.videoList .item .tzsp .spimg {

		height: 192.94px;

	}

	.videoList .item .title {
		font-size: 14px;

		line-height: 19px;
		padding-left: 13px;
		padding-right: 13px;
		margin-top: -2px;
	}

}