
.video-js .vjs-big-play-button {
    top:45%;
    left: 40%;
}


#video_player {
    display: table;
    line-height: 0;
    font-size: 0;
    background: #000;
}
#video_player video,
#video_player figcaption {
    display: table-row;
    vertical-align: top;
}
#video_player figcaption {
    width: 25%;
}


#video_player figcaption .scrolling-card  {
    opacity: 0.4;
    transition: 1s opacity;
    display: inline-block;
    width: 42%;
}

#video_player figcaption .scrolling-card img {
    filter: brightness(80%)
}

#video_player figcaption .scrolling-card:hover {
    opacity: 1;
    cursor: pointer;
}

#video_player figcaption .scrolling-card .current-video {
    display: none;
}

.scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

#video_player figcaption .scrolling-card.scrolling-card-active {
    opacity: 1;
    filter: brightness(100%);
}
