body, html {width: 100%; height: 100%; background: #000 !important; margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif;}
.clearfix{clear:both;}
#container {width: 100%; height: 100%; background: #000;}
#video-player {width: 100%!important; height: 100%!important; position: relative; /*z-index: 1;*/}
#video-overlay-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.mejs__overlay, .mejs__video  {
    height: 100% !important;
}
.mejs-container.mejs-video{
    width: 100%!important; height: 100%!important;overflow: hidden;
}

.player-controls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.player-controls button {border: 0px; text-indent: -999px; font-size: 0px; cursor: pointer;}
.player-controls .jp-video-play-icon {display: block; cursor: pointer; border: none; width: 64px; height: 64px; text-indent: -999px; font-size: 0px; background: url("../images/jplayer-controls.png") -90px 0px no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}

.player-controls.big-controls .jp-video-play-icon {
    display: block;
    cursor: pointer;
    border: none;
    width: 130px;
    height: 130px;
    text-indent: -9999px;
    font-size: 0px;
    background: url("../images/jplayer-controls.png") 0px -64px no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.player-controls .jp-controls-bar {
    padding: 12px;
    line-height: 16px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    box-sizing: border-box;
}

.player-controls .jp-controls-bar .jp-play {display: block; float: left; width: 14px; height: 16px; background: url("../images/jplayer-controls.png") -14px -17px no-repeat;}
.player-controls .jp-controls-bar .jp-play:hover {background: url("../images/jplayer-controls.png") 0px -16px no-repeat;}
.player-controls .jp-controls-bar .jp-pause {display: none; float: left; width: 10px; height: 16px; background: url("../images/jplayer-controls.png") 0px 0px no-repeat;}
.player-controls .jp-controls-bar .jp-pause:hover {background: url("../images/jplayer-controls.png") -12px 0px no-repeat;}
.jp-state-playing .player-controls .jp-controls-bar .jp-play {display: none;}
.jp-state-playing .player-controls .jp-controls-bar .jp-pause {display: block;}
.player-controls label {font-size: 14px; color: #fff; margin: 0px 20px; line-height: 18px;}
.player-controls .jp-current-time {float: left;}
.player-controls .jp-duration {float: left;}
.player-controls .jp-seek-bar {background: #333333; height: 4px; width: 100%; cursor: pointer;}
.player-controls .jp-play-bar {background: #fff; height: 4px;}
.player-controls .jp-volume-bar {display: block; float: left; width: 34px; height: 18px; background: url("../images/jplayer-controls.png") -30px -40px no-repeat; cursor: pointer; margin-top: -1px; position: relative; margin-right: 20px;}
.player-controls .jp-volume-bar .jp-volume-bar-value {display: block; height: 19px; background: url("../images/jplayer-controls.png") -30px 0px no-repeat; position: absolute; left: 0px; bottom: 0px;}
.player-controls .jp-progress {float: left; min-width: 50px; height: 4px; margin-top: 7px; background: #333}
.player-controls .left-controls {float: left; }
.player-controls .right-controls {float: right;}
.player-controls .jp-full-screen {display: block; float: left; width: 25px; height: 25px; background: url("../images/jplayer-controls.png") -64px 0px no-repeat; margin-top: -6px;}
.player-controls .jp-restore-screen {display: block; float: left; width: 25px; height: 25px; background: url("../images/jplayer-controls.png") -64px -26px no-repeat; margin-top: -6px;}
.player-controls .od-logo {border-left: 1px solid #333333;  display: block; float: right; margin-top: -15px; padding: 14px 15px;}

#container .mejs-container.mejs-video .mejs-controls {
    background: transparent;
}

#container .mejs-container.mejs-video .mejs-controls .mejs-time,
#container .mejs-container.mejs-video .mejs-controls .mejs-duration {
    font-size: 14px;
}

#container .mejs-container.mejs-video .mejs-time-slider .mejs-time-loaded,
#container .mejs-container.mejs-video .mejs-time-slider .mejs-time-current,
#container .mejs-container.mejs-video .mejs-time-slider .mejs-time-buffering,
#container .mejs-container.mejs-video .mejs-time-slider {
    height: 4px;
}

#container .mejs-container.mejs-video .mejs-controls div.mejs-time-rail{
    padding-top: 8px;
}

#container .mejs-container.mejs-video .mejs-controls .mejs-playpause-button button {
    margin: 7px 10px;
}

#container .mejs-container.mejs-video .mejs-controls .mejs-currenttime-container,
#container .mejs-container.mejs-video .mejs-controls .mejs-duration-container{
    padding: 10px 18px;
}

#container .mejs-container.mejs-video .mejs-controls .mejs-volume-button.mejs-mute {
    display: none;
}