.video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    font-size: 0;
    opacity: 1;
    display: inline-block; 
    vertical-align: baseline; 
    transition: all 150ms;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.video-js .vjs-control-bar, 
.video-js .vjs-big-play-button, 
.video-js .vjs-error-display, 
.video-js .vjs-loading-spinner, 
.video-js .vjs-text-track-display {
    display: none;
}
.with-video {
    cursor: pointer;
    z-index: 10;
}
.with-video:before {
    content: '\f04b';
    background: rgba(0,0,0,.8);
    padding-left: 5px;
    font-size: 32px;
    top: 10%;
    left: 50%;
    opacity: 0.7;

    /* @include video-btn-size(40px); */
    /* @mixin video-btn-size($size) {
            width: $size * 2 - 5;
            height: $size * 2;
            border-radius: $size;
            line-height: $size * 2;
            margin-left: -$size;
        }
    */
    width: 75px;
    height: 80px;
    border-radius: 40px;
    line-height: 80px;
    margin-left: -40px;
}
.with-video:hover:before {
    opacity: 1;
}
.with-video.video-active .video-js {
    opacity: 1;
}