.VideoPlayer .poster,
.VideoPlayer .poster .posterImage {
    display: block;
    max-width: 100%;
    height: 100%;
}
.VideoPlayer {
    position: relative;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #000;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.VideoPlayer * {
    box-sizing: border-box
}
.VideoPlayer .videoTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-weight: 700;
    padding: 4px 20px;
    z-index: 1;
    -webkit-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}
.VideoPlayer.playerActive .videoTitle {
    bottom: 40px
}
.VideoPlayer.hideControls {
    cursor: none
}
.VideoPlayer.hideControls .videoTitle {
    bottom: 8px
}
.VideoPlayer .videoSupportError {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    background: url(/img/sbook/polshs.png);
    color: #ededed;
    font-size: 12px;
    line-height: 17px
}
.VideoPlayer .poster {
    position: relative;
    height: 100%;
}
.VideoPlayer .poster .posterPlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.VideoPlayer .poster .posterPlay:hover {
    opacity: 1
}
.VideoPlayer .controlBar.hide,
.VideoPlayer .videoOverlay.hide {
    opacity: 0
}
.VideoPlayer .poster .posterPlay>div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    width: 56px;
    height: 56px;
    background: url(/img/videoplayer/icn_playbtn_2x.png) center center no-repeat;
    background-size: 56px 56px;
    border-radius: 56px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5)
}
.VideoPlayer .player,
.VideoPlayer .videoOverlay {
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    top: 0;
    left: 0
}
.VideoPlayer .videoOverlay {
    background: url(/img/videoplayer/img_fadeb60_2x.png) left bottom repeat-x;
    background-size: 8px 96px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}
.VideoPlayer .controlBar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    white-space: nowrap;
    z-index: 3;
}
.VideoPlayer .controlBar>div {
    display: inline-block;
    height: 40px;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.VideoPlayer .controlBar .playToggle {
    width: 56px;
    cursor: pointer;
    opacity: .8
}
.VideoPlayer .controlBar .playToggle:hover {
    opacity: 1
}
.VideoPlayer .controlBar .playToggle.play {
    background: url(/img/videoplayer/icn_play_2x.png) center center no-repeat;
    background-size: 16px 16px
}
.VideoPlayer .controlBar .playToggle.pause {
    background: url(/img/videoplayer/icn_pause_2x.png) center center no-repeat;
    background-size: 16px 16px
}
.VideoPlayer .controlBar .currentTime,
.VideoPlayer .controlBar .progressBar,
.VideoPlayer .controlBar .totalTime {
    margin-right: 12px
}
.VideoPlayer .controlBar .currentTime,
.VideoPlayer .controlBar .totalTime {
    line-height: 40px;
    color: #fff;
    font-size: 14px
}
.VideoPlayer .controlBar .progressBar {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.VideoPlayer .controlBar .progressBar .tooltip {
    position: absolute;
    bottom: 34px;
    background: rgba(0, 0, 0, .6);
    color: #ededed;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    visibility: hidden
}
.VideoPlayer .controlBar .progressBar .progressBarBg {
    width: 100%;
    height: 6px;
    margin: 17px auto;
    background: rgba(255, 255, 255, .25);
    position: relative
}
.VideoPlayer .controlBar .progressBar .progressBarBg .progressBarBuffer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgba(255, 255, 255, .25);
    height: 6px
}
.VideoPlayer .controlBar .progressBar .progressBarBg .progressBarActive {
    height: 6px;
    background: #0097c0;
    position: relative;
    z-index: 1
}
.VideoPlayer .controlBar .progressBar .progressBarBg .progressBarActive .progressBarHandle {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -8px;
    background: #fff;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .16)
}
.VideoPlayer .controlBar .progressBar .progressBarBg .progressBarActive .progressBarHandle.active {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    right: -10px;
    top: -7px
}
.VideoPlayer .controlBar .progressBar .progressBarBg .progressBarActive .progressBarHandle.active>div {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #0097c0;
    margin: 6px
}
.VideoPlayer .controlBar .volumeButton {
    width: 40px;
    cursor: pointer;
    opacity: .8;
    position: relative
}
.VideoPlayer .controlBar .volumeButton.muted {
    background: url(/img/videoplayer/inc_soundoff_2x.png) center center no-repeat;
    background-size: 22px 16px
}
.VideoPlayer .controlBar .volumeButton.low {
    background: url(/img/videoplayer/icn_soundon_1_2x.png) center center no-repeat;
    background-size: 22px 16px
}
.VideoPlayer .controlBar .volumeButton.medium {
    background: url(/img/videoplayer/icn_soundon_2_2x.png) center center no-repeat;
    background-size: 22px 16px
}
.VideoPlayer .controlBar .volumeButton.high {
    background: url(/img/videoplayer/icn_soundon_3_2x.png) center center no-repeat;
    background-size: 22px 16px
}
.VideoPlayer .controlBar .volumeButton .volumeBar {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 6px;
    height: 54px;
    padding: 18px 17px 0;
    visibility: hidden
}
.VideoPlayer .controlBar .volumeButton .volumeBar .volumeBarBg {
    width: 6px;
    height: 100%;
    background: rgba(255, 255, 255, .25);
    position: relative
}
.VideoPlayer .controlBar .volumeButton .volumeBar .volumeBarBg .volumeBarActive {
    width: 6px;
    background: #0097c0;
    position: absolute;
    bottom: 0;
    left: 0
}
.VideoPlayer .controlBar .volumeButton .volumeBar .volumeBarBg .volumeBarActive .volumeBarHandle {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: -5px;
    background: #fff;
    border-radius: 16px;
    cursor: pointer;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .16)
}
.VideoPlayer .controlBar .volumeButton .volumeBar .volumeBarBg .volumeBarActive .volumeBarHandle.active {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    right: -7px;
    top: -10px
}
.VideoPlayer .controlBar .volumeButton .volumeBar .volumeBarBg .volumeBarActive .volumeBarHandle.active>div {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #0097c0;
    margin: 6px
}
.VideoPlayer .controlBar .volumeButton.active,
.VideoPlayer .controlBar .volumeButton:hover {
    opacity: 1
}
.VideoPlayer .controlBar .volumeButton.active .volumeBar,
.VideoPlayer .controlBar .volumeButton:hover .volumeBar {
    visibility: visible
}
.VideoPlayer .controlBar .toggleFullscreen {
    width: 36px;
    margin-right: 8px;
    cursor: pointer;
    opacity: .8
}
.VideoPlayer .controlBar .toggleFullscreen:hover {
    opacity: 1
}
.VideoPlayer .controlBar .toggleFullscreen.notFullscreen {
    background: url(/img/videoplayer/icn_fullscr_1_2x.png) center center no-repeat;
    background-size: 18px 16px
}
.VideoPlayer .controlBar .toggleFullscreen.isFullscreen {
    background: url(/img/videoplayer/icn_fullscr_0_2x.png) center center no-repeat;
    background-size: 18px 16px
}
.VideoPlayer.fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    background: #000
}
.VideoPlayer.fullscreen .poster {
    display: none
}
.IE .VideoPlayer .controlBar,
.VideoPlayer.no-flex .controlBar {
    display: table
}
.IE .VideoPlayer .controlBar>div,
.VideoPlayer.no-flex .controlBar>div {
    display: table-cell
}
.IE .VideoPlayer .controlBar .currentTime,
.IE .VideoPlayer .controlBar .progressBar,
.IE .VideoPlayer .controlBar .totalTime,
.VideoPlayer.no-flex .controlBar .currentTime,
.VideoPlayer.no-flex .controlBar .progressBar,
.VideoPlayer.no-flex .controlBar .totalTime {
    margin-right: 0
}
.IE .VideoPlayer .controlBar .currentTime,
.IE .VideoPlayer .controlBar .totalTime,
.VideoPlayer.no-flex .controlBar .currentTime,
.VideoPlayer.no-flex .controlBar .totalTime {
    width: 1%;
    white-space: nowrap;
    padding-right: 12px
}
.IE .VideoPlayer .controlBar .totalTime,
.VideoPlayer.no-flex .controlBar .totalTime {
    padding-left: 12px
}
.IE .VideoPlayer .controlBar .progressBar,
.VideoPlayer.no-flex .controlBar .progressBar {
    width: auto
}
.IE8 .VideoPlayer .overlay {
    background-image: url(/img/videoplayer/img_fadeb60.png)
}
.IE8 .VideoPlayer .poster .posterPlay>div {
    background-image: url(/img/videoplayer/icn_playbtn.png)
}
.IE8 .VideoPlayer .controlBar .playToggle.play {
    background-image: url(/img/videoplayer/icn_play.png)
}
.IE8 .VideoPlayer .controlBar .playToggle.pause {
    background-image: url(/img/videoplayer/icn_pause.png)
}
.IE8 .VideoPlayer .controlBar .volumeButton.muted {
    background-image: url(/img/videoplayer/inc_soundoff.png)
}
.IE8 .VideoPlayer .controlBar .volumeButton.low {
    background-image: url(/img/videoplayer/icn_soundon_1.png)
}
.IE8 .VideoPlayer .controlBar .volumeButton.medium {
    background-image: url(/img/videoplayer/icn_soundon_2.png)
}
.IE8 .VideoPlayer .controlBar .volumeButton.high {
    background-image: url(/img/videoplayer/icn_soundon_3.png)
}
.IE8 .VideoPlayer .controlBar .toggleFullscreen.notFullscreen {
    background-image: url(/img/videoplayer/icn_fullscr_1.png)
}
.IE8 .VideoPlayer .controlBar .toggleFullscreen.isFullscreen {
    background-image: url(/img/videoplayer/icn_fullscr_0.png)
}

#zip_video_container .VideoPlayer {
    margin-left: auto;
    margin-right: auto;
}