#videoplayer_container, #audioplayer_container {border: none;}
#videoplayer_container, #audioplayer_container  { font-family: OpenSans;  width: 100%; z-index: 17; background: #ffffff; border-top: 1px solid #e5e5e5; box-shadow: 0 -1px 10px 0 rgba(0,0,0,0.15)}
#audioplayer_container {height: 121px; position:fixed; left: 0; bottom: 0;}
#videoplayer_container .jp-title, #audioplayer_container .jp-title {color: #4c4c4c; text-align: left; position: absolute; font-size: 1em; top: 27px; width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#videoplayer_container .jp-interface, #audioplayer_container .jp-interface {max-width: 640px; margin: 0 auto; background: #ffffff; padding: 53px 195px 0 90px; box-sizing: border-box}
#videoplayer_container .jp-interface button, #audioplayer_container .jp-interface button {padding: 0; margin-top: 0; border-radius: 2px; width: 22px; display: inline-block; height: 16px; line-height: 16px; background-image: url(../imgs/player.png)}
#videoplayer_container .jp-interface button.action, #audioplayer_container .jp-interface button.action {background-color: #647c99} 

#videoplayer_container .jp-controls, #audioplayer_container .jp-controls {width: 90px; padding: 0; margin-left: -90px; float: left}
#videoplayer_container .jp-controls .jp-previous, #audioplayer_container .jp-controls .jp-previous {background-position: 50% -32px; margin-right: 3px }
#videoplayer_container .jp-controls .jp-play, #audioplayer_container .jp-controls .jp-play {margin-right: 5px}
#videoplayer_container.jp-state-playing .jp-controls .jp-play, #audioplayer_container.jp-state-playing .jp-controls .jp-play {background-position: 50% -17px;}
#videoplayer_container .jp-controls .jp-next, #audioplayer_container .jp-controls .jp-next {background-position: 50% -49px; }
#videoplayer_container .jp-controls .jp-stop, #audioplayer_container .jp-controls .jp-stop {display: none}

#videoplayer_container .jp-play-bar, #audioplayer_container .jp-play-bar { background: #647c99;   }
#videoplayer_container .jp-progress, #audioplayer_container .jp-progress {left: 0; width: 100%; height: 5px; position: relative; top: 6px; float: left }
#videoplayer_container .jp-seek-bar, #audioplayer_container .jp-seek-bar { background: #e5e5e5}
#videoplayer_container .jp-time-holder, #audioplayer_container .jp-time-holder {left: auto; right: 195px; top: 30px; font-size: 1em; width: auto}
#videoplayer_container .jp-time-holder .jp-current-time, #videoplayer_container .jp-time-holder .jp-duration, #audioplayer_container .jp-time-holder .jp-current-time, #audioplayer_container .jp-time-holder .jp-duration {font-size: .85em; color: #939393; font-style: normal; width: auto;}
#videoplayer_container .jp-time-holder .jp-duration, #audioplayer_container .jp-time-holder .jp-duration {color: #4c4c4c}
#videoplayer_container .jp-time-holder .jp-duration::before, #audioplayer_container .jp-time-holder .jp-duration::before {content:'/'; color: #4c4c4c; margin: 0 5px}

#videoplayer_container .jp-volume-controls, #audioplayer_container .jp-volume-controls {position: relative; left: 0; top: 0;  display: block; width: 100px; margin-right: -120px; float: right }
#videoplayer_container .jp-volume-controls .jp-mute, #audioplayer_container .jp-volume-controls .jp-mute {background-position: 50% -64px; position: relative; float: left; margin-right: 7px}
#videoplayer_container .jp-volume-controls .jp-volume-max, #audioplayer_container .jp-volume-controls .jp-volume-max {display: none}
#videoplayer_container .jp-volume-controls .jp-volume-bar, #audioplayer_container .jp-volume-controls .jp-volume-bar {background: #e5e5e5; width: 64px; position: relative; top: 6px; left: 0;}
#videoplayer_container .jp-volume-controls .jp-volume-bar .jp-volume-bar-value, #audioplayer_container .jp-volume-controls .jp-volume-bar .jp-volume-bar-value {background: #647c99}

#videoplayer_container .jp-toggles, #audioplayer_container .jp-toggles {position: relative; top: 0; left: 0; float: right; margin-right: -192px}
#videoplayer_container .jp-toggles .jp-repeat, #audioplayer_container .jp-toggles .jp-repeat {background-position: 50% -97px}
#videoplayer_container .jp-toggles .jp-shuffle, #audioplayer_container .jp-toggles .jp-shuffle {background-position: 50% -128px}
#videoplayer_container .jp-toggles .jp-shuffle:active, #audioplayer_container .jp-toggles .jp-shuffle:active {background-color: #647c99; background-position: 50% -144px}
#videoplayer_container.jp-state-looped .jp-toggles .jp-repeat, #audioplayer_container.jp-state-looped .jp-toggles .jp-repeat {background-position: 50% -112px; background-color: #647c99}

#videoplayer_container .close, #audioplayer_container .close {cursor: pointer; background: #647c99; width: 26px; height: 26px; position: absolute; top: -13px; right: 0; border-radius: 50%}
#videoplayer_container .close div, #videoplayer_container .close div::after, #audioplayer_container .close div, #audioplayer_container .close div::after {width: 15px; height: 2px; background: #ffffff; position: absolute;}
#videoplayer_container .close div, #audioplayer_container .close div {transform: rotate(45deg);  top: 12px; left: 6px}
#videoplayer_container .close div::after, #audioplayer_container .close div::after {content: ''; display: block; transform: rotate(90deg)}


#videoplayer_container {border: none; box-shadow: 0 3px 11px 0 rgba(0,0,0,0.5); position: fixed; top: 50%; width: 640px; left: 50%; margin: -200px 0 0 -320px}
#videoplayer_container .jp-jplayer {background: #2f2f2f; width: 100%!important}
#videoplayer_container .jp-controls-holder {overflow: visible; position: relative; width: auto}
#videoplayer_container .jp-interface {padding-top: 0; height: 55px; border: none; text-align: right;}
#videoplayer_container .jp-progress{top: 30px}
#videoplayer_container .jp-toggles { margin-right: -227px; top: -10px}
#videoplayer_container .jp-time-holder {text-align: right;  display: inline-block;}
#videoplayer_container .jp-time-holder .jp-current-time, #videoplayer_container .jp-time-holder .jp-duration {float: none;  margin: 0; font-size: .8em}
#videoplayer_container .jp-title {top: 4px}

#videoplayer_container .jp-interface {padding-left: 107px; padding-right: 224px}
#videoplayer_container .jp-controls {margin-left: -93px; padding-top: 2px}

#videoplayer_container .jp-toggles .jp-full-screen {background-position: 50% -160px; margin-left: 3px}
#videoplayer_container .close {right: 26px}