.api-tutorials.video-player>ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.api-tutorials.video-player>ul li {
    float: left;
}

.top20 {
    margin-top: 20px !important;
}


.video-player [class*="col-"] a {
    display: block;
    background-color: #111;
    z-index: 9;
    border: 1px solid #000;
}



.api-tutorials .thumb_wrapper {
    overflow: hidden;
}

.api-tutorials.video-player .col-md-4 .thumb {
    height: 203px;
}

.api-tutorials.video-player [class*="col-"] .thumb {
    opacity: .4;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    height: 205px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.video-player .vtitle {
    color: #fff;
    width: 100%;
    bottom: 0;
    min-height: 34px;
    font-size: 15px;
    line-height: 22px;
    background-color: #222;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    padding: 7px 16px;
}

.video-player a:hover>.vtitle {
    background-color: #e6b422;
}