.cms-main-content{background-image: linear-gradient(0deg, #EBEBEB 0%, rgba(235,235,235,0.00) 100%);}
 /*------------video -----------------*/
.cms-main-video{width:100%;  margin:0px auto; padding:50px 0px; position:relative; z-index: 0; display: flex; flex-wrap: wrap; flex-direction: column; background: url("../images/index/mask-2.png") no-repeat left top; background-size: 100% auto; } 
.video-list { width: 100%; max-width: 1440px; margin: 0 auto; padding:20px; display: flex; flex-wrap: wrap;justify-content: flex-end;  }
.video-list li { width: 100%; height: auto; margin: auto 0px; position: relative; z-index: 1; display: flex; flex-wrap: wrap;  list-style: none;  transform: scale(0.5);  transition: transform 0.5s; }
.video-list li:hover{ }
.video-list li a div {padding: 20px 5px;}
.video-list li a div h3 { font-size: 0.938rem; font-weight:700; line-height: 1.6; color:#ac0b0b; }
.video-list li img{ max-width: 100%; border: solid 5px rgba(255,255,255,.2);transition: all 0.4s ease-in-out; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.4); position: relative; z-index: 1; }

.video-list li.slick-current{transform: scale(1);  }
/*.video-list li.slick-current::before { content: ''; pointer-events: none;  width: 100%; height: 80%; position: absolute; z-index: 0; top: -8px; left:-10px;background: #fff; -webkit-transition: all 500ms;  -o-transition: all 500ms; transition: all 500ms;    }*/
.video-list .slick-prev {top:auto;bottom:0px;left:45%;z-index: 1; }
.video-list .slick-next {top:auto;bottom:0px;right:45%;z-index: 1;  }
@media (max-width:767.98px) {
.video-list .slick-prev { left:5%; top:45%; }
.video-list .slick-next { right:5%; top:45%;}        
}