.side-cate>li.video>a{background-color: var(--commonColor); color: #fff;}

.listVideos_main {margin-top: 5%;}

.video_list .video_item {width: 100%; margin-bottom: 30px;}
.video_list .video_item:last-child{margin-bottom: 0;}

.video_list .video_item .item_img{width: 40%; display: block;}
.video_item .item_img .pic{padding-bottom: 65%;}
.video_item .item_img .video_play{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 63px;
    background: url(../img/play.png) no-repeat center;
    background-size: 20px auto;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
}

.video_item .item_info {width: 57.5%;}
.video_item .title{font-family: 'Roboto-Regular'; font-size: 20px; color:  #020C1E; line-height: 1.5; text-transform: capitalize;}
.video_item .brief{font-family: 'Roboto-Regular'; color: var(--txtColor); line-height: 28px; margin-top: 14px; text-transform: none;}

.video_item:hover .title{color: var(--commonColor); text-decoration: underline;}
.video_item:hover .brief{color: #555;}
.video_item:hover .item_img .video_play{
    animation: pointPulse 1.5s ease-in-out infinite;
}

@media only screen and (max-width: 980px) {
    .listVideos_main{margin-top: 28px;}
    .video_list .video_item{flex-direction: column; margin-bottom: 20px;}
    .video_list .video_item .item_img{width: 100%;}
    .video_list .video_item .item_info{width: 100%; margin-top: 15px;}
    .video_item .title{font-size: 18px;}
    .video_item .brief{margin-top: 10px;}
}