
.myVideo_total_wrap	{width: 100%; height: 375px;}
.myVideo_total_wrap embed {width: 100%; height: 375px;}

.myVideo_wrap {width: 100%; height: 375px; background-color: #000; color: #FFF;}
	.myVideo_withctnrl {height: 352px;}
	.myVideo {width: 100%; height: 100%; background-color: #000;}

.myVideo_controlbar {position: relative; width: 100%; height: 43px; background: url(../image/html5video/Cntrlbar_bgimg.gif) repeat-x !important;} 

	.btn_video_play 	{position: absolute; left: 10px; top : 4px; width: 36px; height : 36px; text-align:center; vertical-align: middle; background: url(../image/html5video/Cntrlbar_btn.png) no-repeat !important;}
	.btn_video_play a{display: block; width: 100%; height: 26px; padding-top : 10px;}
	.btn_video_play .btn_image_play {background: url(../image/html5video/Cntrlbar_pause.png)  50% 50% no-repeat !important;}
	.btn_video_play .btn_image_pause {background: url(../image/html5video/Cntrlbar_play.png)  50% 50% no-repeat !important;}
	
	.btn_video_small 	{position: absolute; top: 8px; width: 28px; height : 28px; text-align:center; vertical-align: middle; background: url(../image/html5video/Cntrlbar_sbtn.png) no-repeat !important;}
	.btn_video_small a{display: block; width: 100%; height: 21px; padding-top : 7px;} 
	
	.btn_time_back 		{left: 55px;}
	.btn_time_back a 	{background: url(../image/html5video/Cntrlbar_back.png)  50% 50% no-repeat !important;}
	.btn_time_forw 		{left: 85px;}
	.btn_time_forw a 	{background: url(../image/html5video/Cntrlbar_forw.png)  50% 50% no-repeat !important;}
	.myVideo_slider 	{position: absolute; top: 18px; left: 130px; width: 400px; background: url(../image/html5video/Cntrlbar_prg_bg2.png) repeat-x;}
	.btn_vol_mark 		{left: 547px;}
	.btn_image_smax	{background: url(../image/html5video/Cntrlbar_sound.png)  50% 50% no-repeat !important;}
	.btn_image_smin 	{background: url(../image/html5video/Cntrlbar_sound_dis.png)  50% 50% no-repeat !important;}
	
	.myVideo_vol_slider {position: absolute; top: 18px; left: 580px; width: 50px; background: url(../image/html5video/Cntrlbar_prg_bg2.png) repeat-x;}
	
	.myVideo_time		{position: absolute; display: block; width: 45px; height: 12px; line-height: 12px; top: 30px; color: #FFF; font-size: 12px;}
	.myVideo_stime		{left: 120px;}
	.myVideo_etime		{left: 495px;}
	
	
// JQuery UI CSS

.myVideo_slider {
    margin-top: 3px !important;
}

.myVideo_slider .ui-widget-header {
	background: url(../image/html5video/Cntrlbar_prg_bg.png) repeat-x !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.myVideo_vol_slider .ui-widget-header {
	background: url(../image/html5video/Cntrlbar_prg_bg.png) repeat-x !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}


.myVideo_slider .ui-slider-handle {
    position: absolute;
    cursor: default;
    width: 15px;
    height: 15px;
	display : block;
	cursor : pointer;
	border: 0;
	background: url(../image/html5video/Cntrlbar_indicator.png) no-repeat !important;
    z-index: 2;
}

.myVideo_vol_slider .ui-slider-handle {
    position: absolute;
    cursor: default;
    width: 15px;
    height: 15px;
	display : block;
	cursor : pointer;
	border: 0;
	background: url(../image/html5video/Cntrlbar_volume_indicator.png) no-repeat !important;
    z-index: 2;
}

/* .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    border: 0px solid #fbcb09;
    background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
    outline: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}

.ui-widget-content {
	background: url(../image/html5video/Cntrlbar_prg_bg2.png) repeat-x !important;
    border: none !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.ui-slider-horizontal {
    height: 5px !important;
}

.ui-slider {cursor: pointer;}
.ui-slider a {margin-left: -7px !important;} */