.webPlayer.light {
position: relative;
width: 100%;
min-width: 350px;
font-family: 'Segoe UI', Verdana, sans-serif;
clear: both;
font-size: 13px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
text-align: center;
line-height: 1.4;
margin: -6px 0 0px -6px;}
.webPlayer.light a.smooth { transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; }
.webPlayer.light.jp-video-full > .controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 1000; }
.webPlayer.light.jp-video-full, .webPlayer.light.jp-video-full object, .webPlayer.light.jp-video-full video { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 999; }
.webPlayer.light.jp-video-full > .playerScreen, .webPlayer.light.jp-video-full > .playerScreen > .video-play { z-index: 1000; }
.webPlayer.light .playerScreen { cursor: pointer; }
.webPlayer.light .playerScreen .video-play { display: block; position: absolute; z-index: 990; width: 100%; top: 0; left: 0; right: 0; bottom: 50px; background: url("../../../../embed/dfplayer/img/preimg.light.png") no-repeat center center; opacity: 0.8; background-color: rgba(255, 255, 255, 0.1); }
.webPlayer.light .controls { display: block;
position: relative;
height: 40px;
background: #FAFAFA;
color: #646464;
padding: 5px 10px;
z-index: 996;
border: 1px solid #e6e6e6; }
.webPlayer.light .controls .leftblock { position: absolute; left: 3px; width: 50px; }
.webPlayer.light .controls .leftblock .play { display: block; width: 40px; height: 40px; background: url("../../../../embed/dfplayer/img/playerUI.light.png") no-repeat 0 1px; opacity: 0.8; }
.webPlayer.light .controls .leftblock .play:hover { opacity: 1; }
.webPlayer.light .controls .leftblock .pause { display: block; width: 40px; height: 40px; background: url("../../../../embed/dfplayer/img/playerUI.light.png") no-repeat -40px 1px; opacity: 0.8; }
.webPlayer.light .controls .leftblock .pause:hover { opacity: 1; }
.webPlayer.light .controls .progress { position: relative;
display: block;
margin: 0 100px 0 50px;
text-align: left;
min-width: 20%; }
.webPlayer.light .controls .progress span { font-size: 12px;
margin-left: 1px;
color: #282828;
width: 300px; }
.webPlayer.light .controls .progress .progressbar { display: block;
height: 4px;
background-color: #3C3C3C;
background: rgba(0, 0, 0, 0.1);
margin: 2.5px 0; }
.webPlayer.light .controls .progress .progressbar .seekBar { position: relative; display: block; cursor: pointer; padding: 1px; background: rgba(0, 0, 0, 0.05); }
.webPlayer.light .controls .progress .progressbar .seekBar .playBar { display: block; height: 2px; padding: 0; background: #191919; }
.webPlayer.light .controls .progress .progressbar .seekBar a { display: block; position: absolute; top: -2px; width: 8px; height: 8px; border-radius: 5px; background: #191919; margin-left: -3px; }
.webPlayer.light .controls .progress .progressbar .seekBar a div { width: 8px; height: 8px; }
.webPlayer.light .controls .progress .time { display: block; position: absolute; width: 50px; font-size: 11px; }
.webPlayer.light .controls .progress .time.current { left: 1px; text-align: left; color: #282828; }
.webPlayer.light .controls .progress .time.duration { right: 0px; text-align: right; }
.webPlayer.light .controls .rightblock { position: absolute;
top: 7px;
} }
.webPlayer.light .controls .rightblock .volumeText { display: block; position: absolute; bottom: -12px; text-align: center; width: 80px; font-size: 11px; }
.webPlayer.light .controls .rightblock .volumeBar { display: block; position: absolute; height: 4px; background-color: #EBEBEB; background: rgba(0, 0, 0, 0.1); min-width: 80px; top: 19px; left: 0; cursor: pointer; }
.webPlayer.light .controls .rightblock .volumeBar .currentVolume { position: relative; height: 2px; padding: 1px; }
.webPlayer.light .controls .rightblock .volumeBar .currentVolume .curvol { display: block; height: 2px; padding: 0; background: #191919; }
.webPlayer.light .controls .rightblock .volumeBar .currentVolume a { display: block; position: absolute; top: -2px; margin-left: -3px; width: 8px; height: 8px; border-radius: 5px; background: #191919; }
.webPlayer.light .controls .rightblock .volumeBar .currentVolume a div { display: block; width: 8px; height: 8px; }
.webPlayer.light .controls .rightblock .fullScreen { display: block; float: right; width: 16px; height: 16px; background: url("../../../../embed/dfplayer/img/playerUI.light.png") no-repeat 0 -50px; margin-top: 12px; opacity: 0.4; }
.webPlayer.light .controls .rightblock .fullScreen:hover { opacity: 0.8; }
.webPlayer.light .controls .rightblock .fullScreenOFF { display: block; float: right; width: 16px; height: 16px; background: url("../../../../embed/dfplayer/img/playerUI.light.png") no-repeat 0 -68px; margin-top: 12px; opacity: 0.4; }
.webPlayer.light .controls .rightblock .fullScreenOFF:hover { opacity: 0.8; }
.webPlayer.light.audioPlayer .progress { margin-right: 220px; }
.webPlayer.light.audioPlayer .rightblock { width: 80px;
right: 140px; }
.webPlayer.light.audioPlayer .rightblock .volumeText { bottom: -42px; }
.webPlayer.light.audioPlayer .fullScreen { display: none; }
.webPlayer.light.audioPlayer .fullScreenOFF { display: none; }

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: none;
    cursor: auto;
}