.T4216 .font_center {
	padding-left: 20%;
}

.T4216 .outer .video {
	display: block;
	position: relative;
	width: 48%;
	float: left;
	margin: 0 2% 2% 0;
}

.T4216 .outer .video.center {
	width: 60%;
	float: none;
	margin: 0 20%;
}

.T4216 .outer .video:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 56.25%;
}
.T4216 .outer .video > .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.T4216 .outer .video .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.T4216 .outer .video .play i {
	font-size: 100px;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.T4216 a .caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	transition: bottom 150ms;
	z-index: 10;
	display: block;
}

.T4216 a:hover .caption {
	bottom: 0px;
	transition: bottom 200ms;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T4216 a { width: 230px; margin: 0 20px 20px 0; }
	.T4216 a img { width: 100%; height: auto; }
	.T4216 .video { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T4216 .outer { margin-right: -20px;}
	.T4216 a { width: calc( 25% - 20px ); margin: 0 20px 20px 0;}
	.T4216 a img { width: 100%; height: auto; }	
	.T4216 .video { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
	.T4216 .outer .video .play i { font-size: 80px !important; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T4216 .outer { margin-right: -15px;}
	.T4216 a { width: calc( 25% - 15px ); margin: 0 15px 15px 0;}
	.T4216 a img { width: 100%; height: auto; }
	.T4216 .video { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
	.T4216 .outer .video .play i { font-size: 60px !important; }
}

@media all and (max-width: 567px) {
	.T4216 a { width: calc( 50% - 15px ); margin: 0 15px 15px 0; }
	.T4216 a.mod2x { margin: 0 0% 5% 0;}
	.T4216 a img { width: 100%; height: auto; }
	.T4216 .video { height: calc( ( ( 100vw - 40px - 3% * 1 ) / 2 ) * 0.75 ); }
	.T4216 .outer .video .play i { font-size: 40px !important; }
	.T4216 .font_center { padding-left: 0%; }
	.T4216 .outer .video.center {
		width: 100%;
		margin: 0 0;
	}
}