
/*jplay desing ==========================================================================================================================*/
.jp-video *:focus {outline:none;}
.jp-video button:-moz-focus-inner {border:0;}
.jp-controls button {display:block; float:left; overflow:hidden; text-indent:-9999px; border:none; cursor:pointer;}
.jp-volume-controls button {display:block; float:left; overflow:hidden; text-indent:-9999px; border:none; cursor:pointer;}
.jp_poster_0 {width:100%;}

.jp-video {position:relative; width:1024px; height:576px; font-size:12px;}
.jp-interface {position:absolute; bottom:-2px; width:100%; height:37px; background:url('../images/jplayer/jp_control_bg.png') left top repeat-x; text-align:left;}

.jp-controls {position:relative; top:9px; left:14px; width:200px; height:20px;}
.jp-play {position:relative; top:0px; left:0px; width:19px; height:20px; margin-right:8px;}
.jp-play {background:url('../images/jplayer/jp_play_btn.png') left top no-repeat; background-color:transparent;}
.jp-state-playing .jp-play {background:url('../images/jplayer/jp_pause_btn.png') left top no-repeat; background-color:transparent;}
.jp-stop {position:relative; top:0px; left:0px; width:19px; height:20px; margin-right:15px; background:url('../images/jplayer/jp_stop_btn.png') left top no-repeat; background-color:transparent;}
.jp-current-time {position:relative; left:0px; width:37px; top:5px; float:left; display:inline; cursor:default; color:#fff;}

.jp-duration {position:relative; left:0px; width:40px; top:5px; display:inline; text-align:left; cursor:default; color:#ffffff;}
.mt {position:relative; width:10px; top:4px; margin-right:3px; display:inline; text-align:left; color:#fff; font-size:11px;}

.jp-seek-bar {position:absolute; top:-3px; left:0px; width:100%; height:6px; background:url('../images/jplayer/jp_time_line_bg.png') left top repeat-x; background-color:transparent; cursor:pointer;}
.jp-play-bar {width:100%; height:6px; background:url('../images/jplayer/jp_time_line.png') left top repeat-x; background-color:transparent;}

.jp-mute {position:relative; top:-14px; left:190px; width:23px; height:24px; z-index:1000;}
.jp-mute {background:url('../images/jplayer/jp_vol_btn_on.png') left top no-repeat; background-color:transparent;}
.jp-state-muted .jp-mute {background:url('../images/jplayer/jp_vol_btn_off.png') left top no-repeat; background-color:transparent;}

.jp-volume-bar {position:absolute; top:15px; left:220px; width:80px; height:6px; overflow:hidden; background:url('../images/jplayer/jp_vol_line_bg.png'); background-color:transparent; cursor:pointer;}
.jp-volume-bar-value {width:0px; height:6px; background:url('../images/jplayer/jp_vol_line.png'); background-color:transparent;}

.jp-toggles {position:relative; top:-12px; float:right; width:445px; height:22px; text-align:right; padding-right:40px;}
.jp-speed {position:relative; display:inline; padding:0 0 0 50px;}
.jp-resolution {position:relative; left:10px; display:inline;}

.jp-toggles button {display:inline-block; overflow:hidden; text-indent:-9999px; border:none; cursor:pointer;}
.jp-toggles-text {position:absolute; left:0; top:2px; display:inline-block; color:#fff;}


/* 스피드 */
.speed.sp0 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') 0px 0px no-repeat;}
.speed.sp1 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -29px 0px no-repeat;}
.speed.sp2 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -58px 0px no-repeat;}
.speed.sp3 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -87px 0px no-repeat;}
.speed.sp4 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -116px 0px no-repeat;}
.speed.sp5 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -145px 0px no-repeat;}
.speed.sp6 {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -174px 0px no-repeat;}

.speed.sp0.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') 0px -20px no-repeat;}
.speed.sp1.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -29px -20px no-repeat;}
.speed.sp2.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -58px -20px no-repeat;}
.speed.sp3.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -87px -20px no-repeat;}
.speed.sp4.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -116px -20px no-repeat;}
.speed.sp5.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -145px -20px no-repeat;}
.speed.sp6.on {width:30px; height:22px; background:url('../images/jplayer/jp_control_img.png') -174px -20px no-repeat;}

/* 해상도 */
.resolution[data-type='high'] {width:47px; height:22px; background:url('../images/jplayer/jp_control_img.png') -203px 0px no-repeat;}
.resolution[data-type='high'].active {width:47px; height:22px; background:url('../images/jplayer/jp_control_img.png') -203px -20px no-repeat;}
.resolution[data-type='low'] {width:47px; height:22px; background: url('../images/jplayer/jp_control_img.png') -249px 0px no-repeat;}
.resolution[data-type='low'].active {width:47px; height:22px; background:url('../images/jplayer/jp_control_img.png') -249px -20px no-repeat;}
.resolution {display:none !important;}
.jp-full-screen {width: 47px; height: 22px; background: url('../images/jplayer/jp_control_img.png') -295px 0px no-repeat;}

/* ie6 */
.jp-video-full {position:static; width:1024px; height:576px;}
.jp-video-full div div {z-index:99;}
.jp-video-full .jp-jplayer {position:fixed; top:0; left:0; overflow:hidden;}
.jp-video-full .jp-gui {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
.jp-video-full .jp-interface {position:absolute; bottom:-2px; left:0px;}



/* btn area */
.prevBtn {position:absolute; left:-100%; top:50%; margin:-45px 0 0 0; z-index:10;}
.nextBtn {position:absolute; right:-100%; top:50%; margin:-45px 0 0 0; z-index:10;}
.play {position:absolute; left:50%; top:50%; margin:-100px 0 0 -102px; z-index:10;}

