.swiper-slide:hover{cursor: pointer;}
.video-thumb .item-link img{
	max-width: 100%;
    outline: none;
    transition: all 0.5s ease;
}

.swiper-slide:hover .video-thumb .item-link img{box-shadow: 2px 4px 5px rgba(0, 208, 125, 0.7);}



#mainVideo {
    background: transparent;
}

.mainvideo-inner {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

.main-frame {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 20px;
    height: 0;
}

.main-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-list {
    margin: 0 auto;
    margin-top: 20px;
    max-width: 1000px;
    width: 100%;
    position: relative;
}

.video-list h5 {
    font-size: 15px;
    margin-top: 15px;
    color: #f0f0f0;
    font-weight: normal;
}

.swiper-container {
    position: static;
}

.swiper-button-prev {
    left: -50px;
    top:29%;
}

.swiper-button-next {
    right: -50px;
    top:29%;
}
.swiper-pagination-bullet{
	background: #cecece;
}
.error-loading{
	font-size: 22px;
	text-align: center;
	padding: 10% 20px;
	text-transform: uppercase;
	position: fixed;
	left: 0;
	right:0;
	top: 0;
	background: rgba(255, 0, 0, 0.75);
	color: #fff;
	display: none;
	bottom: 0;
}
body.error .video-list{
	display: none;
}
@media all and (max-width:1023px) {
    .video-list {
        padding: 0 50px;
    }
    .swiper-button-prev {
        left: 0px;
        top: 29%;
    }
    .swiper-button-next {
        right: 0px;
        top: 29%;
    }
    .swiper-pagination{
    	display: none;
    }
}

@media all and (max-width:380px) {
    
    .swiper-button-prev {
        
        top: 33%;
    }
    .swiper-button-next {
    
        top: 33%;
    }
}