﻿.video-js .vjs-unidle-bar {
    text-shadow: 1px 1px 2px black,-1px 1px 2px black,1px -1px 2px black,-1px -1px 2px black, 0 0 1em gray;
    position: absolute;
    bottom: 3em;
    top:0;
    left:0;
    right:0;
    text-align: center;
    opacity: 1;
    transition: 0.4s;
}
.lr-video-placeholder{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.lr-video-placeholder img{
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;

}
.video-js .vjs-unidle-bar .vjs-unidle-bar-text{
    font-size: 1.8em;
    color: white;
    height: 3em;
    cursor: pointer;
    position: absolute;
    bottom: 1em;
    padding-top: 0.8em;
    width: 21em ;
    left: calc(50% - 10.5em);
    border: 2px solid white;
    border-radius:100px;
    background-color: #E3000E;
    box-shadow: 2px 0 10px rgba(0,0,0,0.5);
}
.video-js .vjs-unidle-bar .vjs-unidle-bar-text *{
    vertical-align: middle;
}
.video-js{
    font-family: inherit;
    position: absolute;
    top: 0;
}
video.lr-videoplayer{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

}
video.vjs-tech,video.video-js{
    margin:0;
}
.lr-videoplayer-container{
    padding-top: 56.25%;
    position: relative;
    min-height: 1px;
}
.vjs-poster{
    z-index:90;
}
.video-js .vjs-big-play-button{
    z-index: 200;
    top: calc(50% - 1em);
    left: calc(50% - 1em);
    width: 2em;
    height: 2em;
    border-radius: 100%;
    border: none;
}
.video-js .vjs-big-play-button::before{
    line-height: 2em;
}

.vjs-ended .vjs-poster, .vjs-ended .vjs-big-play-button{
    display: inline-block;
}

.video-js .vjs-progress-holder{
    height: 0.5em;
}
.video-js .vjs-progress-control .vjs-progress-holder{
    font-size: 1.5em;
}
.video-js .vjs-progress-holder{
    height: 2em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder{
    font-size: 1.5em;
}
.video-js .vjs-play-progress:before{
    display: none;
}
/*
  Only show the title bar after playback has begun (so as not to hide
  the big play button) and only when paused or when the user is
  interacting with the player.
*/
/*
.video-js.vjs-paused.vjs-has-started .vjs-unidle-bar,
.video-js.vjs-user-active.vjs-has-started .vjs-unidle-bar{
    opacity: 1;
}*/