.jp-audio *:focus, .jp-audio-stream *:focus, .jp-video *:focus { /* Disable the browser focus highlighting. */ outline: none; }
 .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0;
}
.jp-audio, .jp-audio-stream, .jp-video { font-size: 16px; font-family: Verdana, Arial, sans-serif; line-height: 1.6; color: #333; background-color: #fff;}
.jp-audio { width: 420px; }
.jp-audio-stream { width: 182px; }
.jp-video-270p { width: 480px; }
.jp-video-360p { width: 640px; }
.jp-video-100p { width: 100%; overflow: hidden; height: 100%;}
.jp-video video,.jp-video-full video { background: #000;cursor:url("../image/pause.png"), pointer}
.jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* 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-video-full div div { z-index: 1000; }
.jp-video-full .jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */ overflow: hidden;}
.jp-video-full .jp-gui {position: fixed !important; position: static; /* Rules for IE6 (full-screen) */ top: 0; left: 0; width: 100%; height: 100%; z-index: 1001;/* 1 layer above the others. */ }
.jp-video-full .jp-interface { padding:0 1rem;  position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */ bottom: 0; left: 0; }
.jp-type-single { overflow: hidden; height: 100%;}
.jp-gui { overflow: hidden; height: 50px; width: 100%;}
.jp-interface { position: relative; background-color: #fff; width: 100%;overflow: hidden; height: 50px; }
.jp-audio .jp-interface { height: 80px; }
.jp-audio-stream .jp-interface { height: 80px; }
.jp-video .jp-interface { }
/* @group CONTROLS */
.jp-controls-holder { clear: both; width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 50px;flex-direction: row; display:flex;}
.jp-interface .jp-controls { margin: 0; padding: 0; overflow: hidden; margin-top: .9rem; }
.jp-audio .jp-controls { width: 380px; padding: 20px 20px 0 20px; }
.jp-audio-stream .jp-controls { position: absolute; top: 20px; left: 20px; width: 142px; }
.jp-video .jp-type-single .jp-controls {font-size:.7rem; width:90px;}
.jp-video .jp-type-single .jp-controls li { width: 3.5rem; }
.jp-video .jp-type-single .jp-controls li.time { width: auto; color: #999; }
.jp-video .jp-type-single .jp-controls .jp-play img{ width:1.2rem; height:1.2rem;}
.jp-video .jp-type-single .jp-controls .jp-pause img{ width:1.2rem; height:1.2rem;}
.jp-toggles .jp-mute img{width:1.2rem; height:1.2rem;}
.jp-toggles .jp-unmute img{width:1.2rem; height:1.2rem;}
.jp-full-screen img{ width:1.2rem; height:1.2rem;}
.jp-video .jp-type-single .jp-controls a:hover { font-weight: normal; }
.jp-video .jp-type-playlist .jp-controls { width: 134px; margin-left: 172px; }
.jp-video .jp-controls {}
/* @end */
/* @group progress bar */
.jp-progress { overflow: hidden; background-color: #ddd; }
.jp-audio .jp-progress { position: absolute; top: 32px; height: 15px; }
.jp-audio .jp-type-single .jp-progress { left: 110px; width: 186px; }
.jp-audio .jp-type-playlist .jp-progress { left: 166px; width: 130px; }
.jp-video .jp-progress { width: 100%; height: 2px; margin-top: 1.5rem;overflow: visible; }
.jp-seek-bar { background: #999; width: 0px; height: 100%; cursor: pointer; position:relative;}
.jp-play-bar { background: #000; width: 0px; height: 100%; text-align: right; color: #000; display:inline-block; float:left;}
.jp-seek-bar .line { position: absolute; top: -5px; width: 1px; overflow: hidden; border-right: 1px solid #000; height: .7rem;
}
/* The seeking class is added/removed inside jPlayer */
/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls { display: none; }
.jp-volume-controls { position: absolute; top: 32px; left: 308px; width: 200px; }
.jp-audio-stream .jp-volume-controls { left: 70px; }
.jp-video .jp-volume-controls { top: 12px; left: 50px; }
.jp-volume-max { left: 74px; }
/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder { position: absolute; top: 50px; }
.jp-audio .jp-type-single .jp-time-holder { left: 110px; width: 186px; }
.jp-audio .jp-type-playlist .jp-time-holder { left: 166px; width: 130px; }
.jp-current-time, .jp-duration { font-size: .8rem; }
.jp-current-time { display: inline; cursor: default; }
.jp-duration { display: inline; cursor: pointer; }
/* @end */
/* @group playlist */
.jp-details { font-weight: bold; text-align: center; cursor: default; }
.jp-details, .jp-playlist { width: 100%; background-color: #ccc; border-top: 1px solid #009be3; }
.jp-type-single .jp-details, .jp-type-playlist .jp-details { border-top: none; }
.jp-details .jp-title { margin: 0; padding: 5px 20px; font-size: .72em; font-weight: bold; }
.jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: .72em; }
.jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #eee; }
.jp-playlist li div { display: inline; }
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; }
div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; }
div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; }
div.jp-type-playlist div.jp-playlist a:hover { color: #0d88c1; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #0d88c1; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; color: #666; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1; }
div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; }
div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666; }
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; }
span.jp-artist { font-size: .8em; color: #666; }
/* @end */
.jp-video-play { width: 100%; overflow: hidden; /* Important for nested negative margins to work in modern browsers */ cursor: pointer; background-color: transparent;/* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }
.jp-video-270p .jp-video-play { margin-top: -270px; height: 270px; }
.jp-video-360p .jp-video-play { margin-top: -360px; height: 360px; }
.jp-video-full .jp-video-play { height: 100%; }
.jp-jplayer audio, .jp-jplayer { width: 0px; height: 0px; }
.jp-jplayer { background-color: #fff;position: relative;z-index: 0;}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles { padding: 0; margin: 0 auto; overflow: hidden; }
.jp-audio .jp-type-single .jp-toggles { width: 25px; }
.jp-audio .jp-type-playlist .jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; }
.jp-video .jp-toggles { margin: 0;font-size:.7rem;margin-top: .9rem; width:150px;}
.jp-video .jp-toggles li { float: right; }
.jp-video .jp-toggles li a { display: block; margin: 0 1rem 0 0; }
.jp-video .jp-toggles a:hover { font-weight: normal; }
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution { padding: 5px; font-size: .8em; background-color: #eee; border: 2px solid #009be3; color: #000; display: none; }
.jp-no-solution a { color: #000; }
.jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; }
img#jp_poster_0{ width:100%; height:auto;}
/* @end */
@media screen and (max-width: 1280px) { 
.jp-video-100p {border-bottom:1px solid #000;}
.jp-gui{z-index:9999;}
.jp-gui .jp-interface{padding:0 .3rem;}
.jp-video .jp-type-single .jp-controls li.time{display:none;}
.jp-video .jp-type-single .jp-controls{ width:100px;}
.jp-video .jp-toggles{ width:210px;}
}