/*jplay desing ==========================================================================================================================*/
.jp-jplayer { text-align:center; }
.jp-video-pc.jp-video *:focus {outline: none;} /* Disable the browser focus highlighting. */
.jp-video-pc.jp-video button:-moz-focus-inner {border: 0;} /* Disable the browser CSS3 focus highlighting. */
.jp-video-pc .jp-controls button {display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer;}
.jp-video-pc .jp-volume-controls button {display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer;}

.jp-video-pc.jp-video{
    position: absolute; top: 0px; left: 0px; width:100%; height:100%; font-size: 12px; font-family: "NanumBarunGothic L"; overflow: hidden; 
    background-color: rgba(0,0,0,0.5); 
}
.jp-video-pc .jp-interface{position: absolute; bottom: 0px; width: 100%; height: 70px; text-align: left; background-color: rgba(0, 0, 0, 0.8); display: none;}

.jp-video-pc .jp-controls{position: relative; top: 25px; left: 19px; width: 300px; height: 36px;}
.jp-video-pc .jp-play{position: relative; top: 0px; width: 28px; height: 28px; margin-right: 0px;}
.jp-video-pc .jp-play{background: url(../images/jplayer/main_controll_28wh.png) 0px 0px no-repeat; background-color: transparent;}
.jp-video-pc .jp-play:hover{background: url(../images/jplayer/main_controll_28wh.png) 0px -28px no-repeat;}
/*.jp-play:focus{background-image: url(../assets/jp_pause_btn.png); background-color: transparent;}*/
.jp-video-pc.jp-state-playing .jp-play{background: url(../images/jplayer/main_controll_28wh.png) -28px 0px no-repeat; background-color: transparent;}
.jp-video-pc.jp-state-playing .jp-play:hover {background: url(../images/jplayer/main_controll_28wh.png) -28px -28px no-repeat;}
/*.jp-state-playing .jp-play:focus{background-image: url(../assets/jp_play_btn.png); background-color: transparent;}*/
.jp-video-pc .jp-stop{
    position: relative; top: 0px; width: 28px; height: 28px; margin-right:0px; background: url(../images/jplayer/main_controll_28wh.png) -56px 0px no-repeat; 
    background-color: transparent;}
.jp-video-pc .jp-stop:hover {background: url(../images/jplayer/main_controll_28wh.png) -56px -28px no-repeat;}

.jp-video-pc .jp-current-time{position: relative; left: 0px; width: 35px; top: 9px; display: inline-block; cursor: default; color: #cccccc; font-size: 13px; margin-left: 10px;}
.jp-video-pc .mt{position: relative; width: 5px; top: 8px; margin-left: 0px; display: inline-block; text-align: left; color: #cccccc; cursor: default; font-size: 13px;}
.jp-video-pc .jp-duration{position: relative; left: 0px; width: 40px; top: 9px; display: inline-block; text-align: left; cursor: default; color: #cccccc; font-size: 13px;}

.jp-video-pc .jp-progress{position: absolute; top: 0px; left: 0px; width: 100%; height: 10px;}
.jp-video-pc .jp-seek-bar {position: absolute; top: 0px; left: 0px; width: 100%; height: 10px; background-color: transparent; cursor: pointer;}
.jp-video-pc .jp-play-bar {width: 100%; height: 10px; background-color: #5feeeb;}

.jp-video-pc .jp-volume-controls{position: absolute; top: 25px; left: 232px; display: inline; width: 95px;}
.jp-video-pc .jp-mute {
    position: relative; top: 0px; left: 0px; width: 33px; height: 34px; z-index: 1000; background: url(../images/jplayer/main_controll_28wh.png) -84px 0px no-repeat;
    background-color: transparent;
}
.jp-video-pc .jp-mute:hover {background: url(../images/jplayer/main_controll_28wh.png) -84px -28px no-repeat;}
/*.jp-mute:focus {background-image: url(../assets/jp_vol_btn_off.png); background-color: transparent;}*/
.jp-video-pc .jp-state-muted .jp-mute {background: url(../images/jplayer/main_controll_28wh.png) -112px 0px no-repeat; background-color: transparent;}
.jp-video-pc .jp-state-muted .jp-mute:hover {background: url(../images/jplayer/main_controll_28wh.png) -112px -28px no-repeat;}
/*.jp-state-muted .jp-mute:focus {background-image: url(../assets/jp_vol_btn_on.png); background-color: transparent;}*/
.jp-video-pc .jp-volume-bar {position: absolute; top: 12px; left: 30px; width: 90px; height: 4px; overflow: hidden; background-color: rgba(255,255,255,0.3); cursor: pointer;}
.jp-video-pc .jp-volume-bar-value {width: 0px; height: 4px; background-color: #5feeeb;}

.jp-video-pc .jp-toggles{position: relative; top: 24px; right: 10px; float: right; width: 598px; height: 32px; padding-right: 0px; text-align: right;}
.jp-video-pc .jp-speed{position: relative; width: 358px; height: 32px; cursor: default; background-color: #000000; float: left; margin-right: 3px;}
.jp-video-pc .jp-speed ul {position: relative; top: 0px;}
.jp-video-pc .jp-speed li{position: relative; width: 38px; float: left; margin-left: 2px; margin-right: 2px;}
.jp-video-pc .book-mark{position: relative; width: 50px; height: 32px; background-color: #000000; float: left; margin-right: 3px;}
.jp-video-pc .book-mark-target{position: relative; width: 100px; height: 32px; background-color: #000000; float: left; margin-right: 3px;}
.jp-video-pc .jp-resolution{position: relative; width: 80px; height: 32px; background-color: #000000; float: left;}

.jp-video-pc .jp-toggles button {
    position: relative; top: 0px; overflow: hidden; border: none; cursor: pointer; margin: 0px; padding: 0px; color: #cccccc;
    font-family: "NotoSansKR R"; font-size: 13px; background-color: #000000;
}
.jp-video-pc .jp-toggles-text{
    width: 63px; height: 32px; float: left; overflow: hidden; font-family: "NotoSansKR R"; font-size: 13px; color: #cccccc; text-align: center; line-height: 33px;
}

.jp-video-pc .speed[data-num="0"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="1"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="2"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="3"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="4"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="5"]{width: 38px; height: 32px;}
.jp-video-pc .speed[data-num="6"]{width: 38px; height: 32px;}

.jp-video-pc .speed[data-num="0"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="1"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="2"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="3"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="4"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="5"]:hover{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed[data-num="6"]:hover{width: 38px; height: 32px; color: #5feeeb;}

.jp-video-pc .speed.active_speed[data-num="0"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="1"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="2"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="3"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="4"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="5"]{width: 38px; height: 32px; color: #5feeeb;}
.jp-video-pc .speed.active_speed[data-num="6"]{width: 38px; height: 32px; color: #5feeeb;}

.jp-video-pc .resolution[data-num="0"]{width: 47px; height: 22px;}
.jp-video-pc .resolution[data-num="1"]{width: 47px; height: 22px;}
.jp-video-pc .resolution[data-num="0"].active{width: 47px; height: 22px;}
.jp-video-pc .resolution[data-num="1"].active{width: 47px; height: 22px;}

.jp-video-pc .jp-full-screen {width: 80px; height: 32px; text-align: left; margin-left: 5px; background: url("../images/jplayer/fullscreen_icon_80w.png") 0px 0px no-repeat;}
.jp-video-pc .book-mark-btn {width: 50px; height: 32px;}
.jp-video-pc .book-mark-target-btn {width: 100px; height: 32px;}
.jp-video-pc .book-mark-btn:hover        {width: 50px; height: 32px; color: #5feeeb;}
.jp-video-pc .book-mark-target-btn:hover {width: 100px; height: 32px; color: #5feeeb;}

.jp-video-pc .jp-rewind-b{position: relative; top: 0px; width: 28px; height: 28px; margin-right: 0px;}
.jp-video-pc .jp-rewind-b{background: url(../images/jplayer/main_controll_28wh2.png) -168px 0px no-repeat; background-color: transparent;}
.jp-video-pc .jp-rewind-b:hover {background: url(../images/jplayer/main_controll_28wh2.png) -168px -28px no-repeat;}

.jp-video-pc .jp-rewind-n{position: relative; top: 0px; width: 28px; height: 28px; margin-right: 0px;}
.jp-video-pc .jp-rewind-n{background: url(../images/jplayer/main_controll_28wh2.png) -140px 0px no-repeat; background-color: transparent;}
.jp-video-pc .jp-rewind-n:hover {background: url(../images/jplayer/main_controll_28wh2.png) -140px -28px no-repeat;}

/* Rules for IE6 (full-screen) */
.jp-video-pc.jp-video-full {width: 1024px; height: 650px; position: static !important; position: relative;}
.jp-video-pc.jp-video-full div div {z-index: 1000;}
.jp-video-pc.jp-video-full .jp-jplayer {top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden;}
.jp-video-pc.jp-video-full .jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001;}
.jp-video-pc.jp-video-full .jp-gui { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001;}
.jp-video-pc.jp-video-full .jp-interface {position: absolute !important; position: relative; bottom: 0px; left: 0px;}
.jp-video-pc.jp-video-full .jp-full-screen       {background: url("../images/jplayer/fullscreen_icon_80w.png") -80px 0px no-repeat;}
/*.jp-video-full .jp-full-screen:hover {background: url("../images/jplayer/fullscreen_icon_80w.png") -80px -32px no-repeat;}*/

.bmt-box{position: absolute; top: -82px; width: 97px; height: 82px; display: none;}
.bmt-box ul{position: absolute; top: 23px; width: 95px; height: 57px; background-color: #ffffff; border: 1px solid #999999; text-align: center;}
.bmt-box li{height: 16px; margin-bottom: 2px;}
.bmt-box li:first-child{padding-top: 4px;}
.bmt-box .btn{cursor: pointer;}

.jp-video-play {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background-color: transparent; text-align: left;}
.jp-video-play-icon {position: relative; display: block; top: 50%; left: 50%; width: 250px; height: 250px; text-indent: -9999px; border: none; cursor: pointer;
    background: url("../images/jplayer/jp_play_btn_m.png") 0 0 no-repeat; transform: translate(-50%, -50%);
}

.jp-navi-page { display: none; }
.jp-video-pc.jp-video-full .jp-navi-page {position: relative; top: 24px; right: 15px; float: right; width: 234px; height: 32px; padding-right: 0px; text-align: right; border-radius: 5px;display:block; }
.jp-video-pc.jp-video-full .jp-navi-page ul {position: relative; top: 0px;}
.jp-video-pc.jp-video-full .jp-navi-page li{position: relative; float: left; margin-left: 0px; margin-right: 0px;}
.jp-video-pc.jp-video-full .jp-navi-page button {
    position: relative; top: 0px; overflow: hidden; border: none; cursor: pointer; margin: 0px; padding: 0px; color: #cccccc;
    font-family: "NotoSansKR R"; font-size: 13px; background-color: #262626;
}
.jp-video-pc.jp-video-full .jp-navi-page .navi-page-prev {width: 80px; height: 32px; margin-right: 1px;}
.jp-video-pc.jp-video-full .jp-navi-page .navi-page-curr {width: 30px; height: 32px;}
.jp-video-pc.jp-video-full .jp-navi-page .navi-page-sep {width: 12px; height: 32px;}
.jp-video-pc.jp-video-full .jp-navi-page .navi-page-total {width: 30px; height: 32px;}
.jp-video-pc.jp-video-full .jp-navi-page .navi-page-next {width: 80px; height: 32px; margin-left: 1px}

.jp-video-pc .jp-sub-icons {position: relative; top: 24px; right: 15px; float: right; width: 50px; height: 32px; padding-right: 0px; text-align: right; border-radius: 5px;display:block; }
.jp-video-pc .jp-sub-icons .jp-btn-script {
    position: relative; top: 0px; overflow: hidden; border: none; cursor: pointer; margin: 0px; padding: 0px; color: #cccccc;
    font-family: "NotoSansKR R"; font-size: 13px; background-color: #000000;
}
.jp-video-pc .jp-sub-icons .jp-btn-script div { background: url(../images/jplayer/jp_list.png) 0px 0px no-repeat; background-color: transparent; width: 100%; height: 100%; }
.jp-video-pc .jp-sub-icons .jp-btn-script div:hover { background: url(../images/jplayer/jp_list.png) 0px -32px no-repeat; background-color: transparent; }
.jp-video-pc .jp-sub-icons .jp-btn-script {width: 32px; height: 32px;}

.jp-script { position: absolute; top:-108px; width:100%; height:100px; display:none  }
.jp-script div { margin: 5px; border:1px solid #000000; background-color:#000000; opacity:0.5; height:100%; padding:10px; overflow-y:auto; color:#FFFFFF;font-size:16px;line-height:20px; }

/*jplay desing Mobile ==========================================================================================================================*/
.jp-video-mobile.jp-video *:focus {outline: none; }
.jp-video-mobile.jp-video{
    position: absolute; top: 0px; width: 100%; height: 100%; font-family: "NanumBarunGothic L"; font-size: 12px; cursor: pointer; overflow: hidden;
    background-color: rgba(0,0,0,0.5); 
}
.jp-video-mobile .jp-type-single{width: 100%; height: 100%;}
.jp-video-mobile.jp-video button:-moz-focus-inner {border: 0;}
.jp-video-mobile .jp-interface button {display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer;}
.jp-video-mobile .jp-volume-controls button {display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer;}
/*.start_btn{border: 0px; outline: 0px;}*/

.jp-video-mobile .jp-interface{
    position: absolute; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); text-align: center;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 35%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 35%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 35%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );
    display: none;
}

.jp-video-mobile .ui-slider { position: relative; text-align: left; }
.jp-video-mobile .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 40px; height: 40px; cursor: default; }
.jp-video-mobile .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; }

.jp-video-mobile .ui-slider-horizontal { height: 12px; }
.jp-video-mobile .ui-slider-horizontal .ui-slider-handle { top: -14px; margin-left: -15px; }
.jp-video-mobile .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.jp-video-mobile .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.jp-video-mobile .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.jp-video-mobile .ui-widget-content { background-color: rgba(255, 255, 255, 0.7); }
.jp-video-mobile .ui-widget-content a { color: #222222; }
.jp-video-mobile .ui-widget-header { background-color: #fffd48; }
.jp-video-mobile .ui-widget-header a { color: #222222; }

.jp-video-mobile .ui-state-default { background-image: url(../images/mobile/jp_seek_btn.png); background-size: 40px; }
.jp-video-mobile .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }

.jp-video-mobile .jp-progress-slider{position: absolute; bottom: 35px; left: 110px; width: calc(100% - 225px);}
.jp-video-mobile .jp-current-time{position: absolute; bottom: 30px; left: 25px; font-size: 20px; display: inline-block; cursor: default; color: #ffffff;}
.jp-video-mobile .jp-duration{position: absolute; bottom: 30px; right: 25px; font-size: 20px; display: inline-block; cursor: default; color: #ffffff;}

.jp-video-mobile .jp-controls-holder{
    position: absolute; top: 50%; left: 50%; width: 380px; height: 220px; transform: translate(-50%, -50%);
}
.jp-video-mobile .jp-controls{position: absolute; top: 0px; left: 0px; width: 100%; height: 120px; text-align: center;}
.jp-video-mobile .jp-play{
    position: absolute; top: 0px; left: 50%; width: 120px; height: 120px; transform:translate(-50%); 
    background-image: url(../images/mobile/jp_play.png); background-size: 120px; background-color: transparent;
}
.jp-video-mobile.jp-state-playing .jp-play{background-image: url(../images/mobile/jp_pause.png); background-size: 120px; background-color: transparent;}

.jp-video-mobile .jp-main-rewind-b{
    position: absolute; top: 15px; left: 0px; width: 80px; height: 80px; 
    background-image: url(../images/mobile/jp_rewind_b.png); background-size: 80px; background-color: transparent;
}
.jp-video-mobile .jp-main-rewind-n{
    position: absolute; top: 15px; right: 0px; width: 80px; height: 80px; 
    background-image: url(../images/mobile/jp_rewind_n.png); background-size: 80px; background-color: transparent;
}

.jp-video-mobile .jp-btn-group {position: absolute; bottom: 0px; width: 100%; height: 65px;}
.jp-video-mobile .jp-mute {
    position: absolute; bottom: 65px; left: 20px; width: 50px; height: 50px; 
    background-image: url(../images/mobile/jp_vol_on.png); background-size: 50px; background-color: transparent;
}
.jp-video-mobile.jp-state-muted .jp-mute {background-image: url(../images/mobile/jp_vol_off.png); background-size: 50px; background-color: transparent;}
.jp-video-mobile .jp-full-screen {
    position: absolute; bottom: 65px; right: 20px; width: 50px; height: 50px;
    background-image: url(../images/mobile/jp_full_on.png); background-size: 50px; background-color: transparent; 
}
.jp-video-mobile.jp-video-full .jp-full-screen {background-image: url(../images/mobile/jp_full_off.png); background-size: 50px; background-color: transparent;}
.jp-video-mobile .speed-group{position: absolute; width: 160px; left: 50%; transform:translate(-50%);}
.jp-video-mobile .speed-view{
    position: relative; top: 0px; width: 160px; height: 50px; font-family: "NanumSquare B"; font-size: 26px; text-align: center; color: #ffffff; float: left; 
    background-color: rgba(0,0,0,0.8); border-radius: 25px; line-height: 50px; cursor: pointer;
}


/*jplay desing Mobile full Screen ===============================================================================================================*/
.jp-video-mobile.jp-video-full .jp-controls-holder{width: 265px; height: 155px;}
.jp-video-mobile.jp-video-full .jp-play{width: 80px; height: 80px; background-size: 80px;}
.jp-video-mobile.jp-video-full.jp-state-playing .jp-play{background-size: 80px;}
.jp-video-mobile.jp-video-full .jp-main-rewind-b{width: 55px; height: 55px; background-size: 55px;}
.jp-video-mobile.jp-video-full .jp-main-rewind-n{width: 55px; height: 55px; background-size: 55px;}

.jp-video-mobile.jp-video-full .jp-btn-group {width: 100%; height: 45px;}
.jp-video-mobile.jp-video-full .speed-group{width: 112px; left: 50%;}
.jp-video-mobile.jp-video-full .speed-view{width: 112px; height: 35px; font-size: 18px; line-height: 35px;}

.jp-video-mobile.jp-video-full .jp-mute {bottom: 55px; left: 20px; width: 35px; height: 35px; background-size: 35px;}
.jp-video-mobile.jp-video-full .jp-state-muted .jp-mute {background-size: 35px;}

.jp-video-mobile.jp-video-full .jp-full-screen {bottom: 55px; right: 20px; width: 35px; height: 35px; background-size: 35px;}
.jp-video-mobile.jp-video-full.jp-video-full .jp-full-screen {background-size: 35px;}

.jp-video-mobile.jp-video-full .ui-slider .ui-slider-handle {width: 28px; height: 28px;}
.jp-video-mobile.jp-video-full .ui-slider-horizontal {height: 8px;}
.jp-video-mobile.jp-video-full .ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -15px; }
.jp-video-mobile.jp-video-full .ui-state-default {background-size: 28px;}
.jp-video-mobile.jp-video-full .jp-progress-slider{bottom: 30px; left: 80px; width: calc(100% - 165px);}
.jp-video-mobile.jp-video-full .jp-current-time{bottom: 25px; left: 15px; font-size: 16px;}
.jp-video-mobile.jp-video-full .jp-duration{bottom: 25px; right: 15px; font-size: 16px;}

.jp-video-mobile.jp-video-full .movie_menu li{height: 15px; font-size: 12px;}
.jp-video-mobile.jp-video-full .movie_menu .mline{top: 2px; width: 1px; height: 11px; margin-left: 15px; margin-right: 5px;}


/*가로 모드*/
@media only screen and (orientation: landscape) {
    body             { background-color: #000000; }
    .portrait_only   { display: none; }
    .back_img{width: auto; height: 100vh;}
}

/*세로 모드*/
@media only screen and (orientation: portrait) {
    body             { background-color: #000000; }
    .landscape_only  { display: none; }
    .back_img{width: 100vw; height: auto;}
}

.background_sound{position: absolute; bottom: 0px; left: 0px; width: 100%;}
.background_sound .jp-interface{position: relative; top: -2px; left: 100px; height: 36px;}
.background_sound .jp-interface button:-moz-focus-inner {border: 0;} /* Disable the browser CSS3 focus highlighting. */
.background_sound .jp-interface button {
    display: block; float: left; overflow: hidden; text-indent: -9999px; border: none; cursor: pointer; margin: 0px; padding: 0px; outline: none;
}

/*.jp-controls-holder{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}*/
.background_sound .jp-controls{position: absolute; top: 4px; left: 180px; width: 680px; height: 28px; font-family: "NanumBarunGothic R"; font-size: 12px;}
.background_sound .jp-play{
    position: relative; top: 0px; width: 28px; height: 28px; background: url(../images/jplayer/main_controll_28wh.png) 0px 0px no-repeat; background-color: transparent;
}
.background_sound .jp-play:hover {background: url(../images/jplayer/main_controll_28wh.png) 0px -28px no-repeat; background-color: transparent;}
.background_sound .jp-state-playing .jp-play{background: url(../images/jplayer/main_controll_28wh.png) -28px 0px no-repeat; background-color: transparent;}
.background_sound .jp-state-playing .jp-play:hover{background: url(../images/jplayer/main_controll_28wh.png) -28px -28px no-repeat; background-color: transparent;}
.background_sound .jp-stop{position: relative; top: 0px; width: 28px; height: 28px; background: url(../images/jplayer/main_controll_28wh.png) -56px 0px no-repeat;}
.background_sound .jp-stop:hover{background: url(../images/jplayer/main_controll_28wh.png) -56px -28px no-repeat;}

.background_sound .timer_group{position: absolute; top: 8px; right: 0px;}
.background_sound .jp-current-time{position: relative; top: 0px; left: 0px; width: 37px; display: inline-block; cursor: default; color: #ffffff;}
.background_sound .mt{
    position: relative; width: 3px; top: 0px; left: 0px; margin-right: 3px; display: inline-block; text-align: left; color: #ffffff; font-size: 12px; cursor: default;
}
.background_sound .jp-duration{position: relative; top: 0px; left: 0px; width: 40px; display: inline-block; text-align: left; cursor: default; color: #ffffff;}

.background_sound .jp-progress{position: absolute; top: 16px; left: 275px; width: 480px; height: 3px; float: left;}
.background_sound .jp-bar-bg{position: absolute; top: 0px; left: 0px; width: 480px; height: 3px; background-color: #444444;}
.background_sound .jp-seek-bar {position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; background-color: transparent; cursor: pointer; float: left;}
.background_sound .jp-play-bar {width: 100%; height: 3px; background-color: #5feeeb; float: left;}

.background_sound .jp-volume-controls{position: absolute; top: 4px; left: 237px; display: inline; width: 28px;}
.background_sound .jp-mute {
    position: relative; top: 0px; left: 0px; width: 28px; height: 28px; z-index: 1000; background: url(../images/jplayer/main_controll_28wh.png) -84px 0px no-repeat;
}
.background_sound .jp-mute:hover {background: url(../images/jplayer/main_controll_28wh.png) -84px -28px no-repeat;}
.background_sound .jp-state-muted .jp-mute {background: url(../images/jplayer/main_controll_28wh.png) -112px 0px no-repeat;}
.background_sound .jp-state-muted .jp-mute:hover {background: url(../images/jplayer/main_controll_28wh.png) -112px -28px no-repeat;}