/**
 * videojs-playlist-thumbs
 * @version 0.1.5
 * @copyright 2016 Emmanuel Alves <manel.pb@gmail.com>
 * @license MIT
 */
.video-js{position:relative}.video-js .vjs-big-play-button{top:50%;left:50%;margin-top:-20px;margin-left:-50px}.video-js.vjs-playlist{display:block}.video-js .vjs-button-prev,.video-js .vjs-button-next{margin-right:10px;margin-bottom:2px;margin-left:10px;font-weight:bold;font-size:15px;cursor:pointer}.video-js .vjs-button-prev::before{content:"<<"}.video-js .vjs-playlist-items{position:absolute;top:0;right:0;height:83%;margin:0;padding:0;overflow:scroll;border:1px solid #000}.video-js .vjs-playlist-items li{position:relative;height:120px;background-size:cover}.video-js .vjs-playlist-items li .vjs-playlist-video-title{position:absolute;bottom:10px;left:10px;text-transform:uppercase;text-shadow:1px 2px 3px #000}.video-js .vjs-playlist-items li .vjs-playlist-video-title div{margin-top:8px}.video-js .vjs-playlist-items li div.vjs-playlist-video-upnext{color:red;font-size:12px}.video-js .vjs-playlist-items li:hover{cursor:pointer}

.video-js .vjs-playlist-items.vjs-hide {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1.5s, opacity 1.5s;
    -moz-transition: visibility 1.5s, opacity 1.5s;
    -ms-transition: visibility 1.5s, opacity 1.5s;
    -o-transition: visibility 1.5s, opacity 1.5s;
    transition: visibility 1.5s, opacity 1.5s;
}



.video-js .vjs-playlist-item {

}

.video-js .vjs-playlist-title {

}

.video-js .vjs-playlist-wrapper {

}

.video-js .vjs-playlist-picture {
    width:100%;
}


.popup-next-title {
    height:100% !important;
}


.next-popup {
    position: absolute;
    right: 30px;
    bottom: 7vh;
    z-index: 9999;
    box-sizing: border-box;
    width: 390px;
    height: 8.5em;
    padding: 10px;
    font-weight: normal;
    text-align: left;
    background: #4a4a49;
    border-radius: 8px 8px 0 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

@media all and (min-height: 630px) {
    .next-popup {
        bottom: 3.1em;
    }
}

/*
.next-popup:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #3a3a3c transparent transparent transparent;
    bottom: -10px;
    position: absolute;
    overflow: visible;
    z-index: 999999;
    display: block;
    left: 50%;
} */


.video-js .vjs-button-next {
    order: 3;
    width: 7vh;
    height: 100%;
    margin: 0;
    border-right: 1px solid #505052; }


.vjs-button-next:hover .next-popup {
    visibility: visible;
    opacity: 1;
}

.vjs-button-next:hover::after {
    position: absolute;
    top:0;
    bottom: -10px;
    z-index: 999999;
    display: block;
    width: 0;
    height: 0;
    margin-left: 10px;
    overflow: visible;
    border-color: #3a3a3c transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    content: "";
}

.video-js .vjs-button-next::before {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../../img/btn_next.png") no-repeat;
    background-position: 50%;
    background-size: 2.5vh;
    content:"";
}