.jp-player-b-w .jp-gui {
    background-color: #131415;
    color: #ffffff;
    font-size: 11px;
    width: 480px;
    height: 34px;
    position: relative;
    display: none;
}
.js-enabled .jp-player-b-w .jp-gui {
    display: block;
}
.jp-player-b-w .jp-gui a {
    color: #ffffff;
}
.jp-player-b-w .jp-controls,
.jp-player-b-w .jp-toggles {
    margin: 0 !important;
}
.jp-player-b-w .jp-controls li,
.jp-player-b-w .jp-toggles li {
    list-style-type: none;
}
.jp-player-b-w .jp-controls li a,
.jp-player-b-w .jp-toggles li a {
    display: block;
    text-indent: -9999px;
}
.jp-player-b-w .jp-gui .jp-play {
    width: 25px;
    height: 29px;
    background: url("play-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-pause {
    width: 25px;
    height: 29px;
    background: url("pause-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-play,
.jp-player-b-w .jp-gui .jp-pause {
    position: absolute;
    left: 10px;
    top: 1px;
}
.jp-player-b-w .jp-gui .jp-progress {
    background-color: #292b2d;
    width: 276px;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 90px;
    top: 12px;
}
.jp-player-b-w .jp-gui .jp-progress .jp-seek-bar,
.jp-player-b-w .jp-gui .jp-progress .jp-play-bar {
    background-color: #3b3d41;
    display: block;
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.jp-player-b-w .jp-gui .jp-progress .jp-play-bar {
    background-color: #ffffff;
}
.jp-player-b-w .jp-gui .jp-current-time {
    position: absolute;
    left: 50px;
}
.jp-player-b-w .jp-gui .jp-duration {
    position: absolute;
    left: 380px;
    width: 40px; /* IE9 fix */
}
.jp-player-b-w .jp-gui .jp-current-time,
.jp-player-b-w .jp-gui .jp-duration {
    top: 5px;
}
.jp-player-b-w .jp-gui .jp-mute {
    background: url("mute-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-unmute {
    background: url("unmute-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-mute,
.jp-player-b-w .jp-gui .jp-unmute {
    width: 18px;
    height: 29px;
    position: absolute;
    left: 425px;
    top: 1px;
}
.jp-player-b-w .jp-gui .jp-full-screen {
    background: url("fullscreen-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-restore-screen {
    background: url("normalscreen-button.png") no-repeat scroll 0 0;
}
.jp-player-b-w .jp-gui .jp-full-screen,
.jp-player-b-w .jp-gui .jp-restore-screen {
    position: absolute;
    left: 450px;
    top: 1px;
    width: 27px;
    height: 29px;
}
.jp-player-b-w .jp-no-solution {
    margin-bottom: 20px;
}
.jp-player-b-w .jp-overlay {
    position: absolute;
    text-indent: -9999px;
    width: 480px;
    height: 270px;
    cursor: pointer;
}

.jp-player-b-w .yt-container {
    height: 346px;
    position: relative;
}
.yt-container-click-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
div.jp-video-full {
    /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
    position:static !important; position:relative;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-player-b-w.jp-video-full div div {
    z-index:1000;
}

.jp-player-b-w.jp-video-full div.jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important;
    overflow: hidden;
}

.jp-player-b-w.jp-video-full div.jp-gui {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index:1001; /* 1 layer above the others. */
}

.jp-player-b-w.jp-video-full div.jp-interface {
    position: absolute !important;
    top: 0;
    left: 0;
}

.hide-jp-control {
    display: none !important;
}

.jp-type-single {
    position: relative;
}
.jp-type-single .promo-layer > div {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 480px;
    height: 270px;
}
.jp-type-single .promo-layer .skip-button {
    z-index: 1001;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 10px;
}

/* YT články */


.jp-player-articles {
    margin-bottom: 0.857em;
    position: relative;
}
.jp-player-articles .jp-type-single {
    background: #000;
}
.jp-player-articles .jp-gui {
    width: 616px;
}
.jp-player-articles .jp-overlay,
.jp-type-single .promo-layer > div{
    width: 616px;
    height: 346px;
}

.jp-player-articles .jp-gui .jp-full-screen,
.jp-player-articles .jp-gui .jp-restore-screen {
    left: 575px;
}
.jp-player-articles .jp-gui .jp-mute,
.jp-player-articles .jp-gui .jp-unmute {
    left: 545px;
}
.jp-player-articles .jp-gui .jp-duration {
    left: 490px;
}
.jp-player-articles .jp-gui .jp-progress {
    width: 384px;
}
.jp-player-articles .jp-gui .jp-progress .jp-seek-bar {
    width: 100%;
}

.jp-player-articles .promo-layer {
    background: #000;
    z-index: 10;
}

.jp-player-articles .jp-player-adblock-info {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 34px;
    padding: 20px;
    color: #FFF;
    background: #000;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jp-player-articles .promo-layer .skip-button {
    left: auto;
    right: 10px;
    top: 10px;
    background: #000;
    color: #fff;
    padding: 5px;

}
.jp-player-articles.jp-video-full {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.jp-player-articles.jp-video-full iframe,
.jp-player-articles.jp-video-full .jp-type-single,
.jp-player-articles.jp-video-full .yt-container,
.jp-player-articles.jp-video-full .jp-overlay {
    width: 100%;
    height: 100%;
}
.jp-player-articles.jp-video-full .promo-layer {
    z-index: 1001;
}