/*video*/
.video-list { display: flex; flex-direction:column; flex-wrap: wrap; }
.video-list > div { position: relative;}
.video-list-pto { line-height: 0; overflow: hidden; margin-bottom: 10px; background: #000; position: relative;}
.video-list-pto img {transition: all 0.4s ease-out 0s; width: 100%;}
.video-list-pto i {position: absolute; color: #fff; font-size: 80px; top:calc(50% - 35px); left: calc(50% - 60px);transition: all 0.4s ease-out 0s; opacity: 1; z-index: 2;}
.video-list > div:hover img {transform: scale(1.1); opacity: 0.5; }
.video-list > div:hover i {opacity: 1;}
.video-list-name { color: #191919; font-size: 18px; line-height: 140%; padding-bottom: 20px;}





@media only screen and (max-width: 570px) {
	.video-list-pto i {font-size: 50px; top:calc(50% - 25px); left: calc(50% - 30px);transition: all 0.4s ease-out 0s; opacity: 1; z-index: 2;}
}