/*playback skin*/
/*playback-skin-style*/
.J_pb_topleft{ background:#000;}
.J_pb_topright{ background:#5C5C5C;}
/**playback-top-right-date**/
.J_pb_dateinput{ color:#000; border:1px solid #D9D9D9; background:#FFF;}
.J_pb_dateinput[type=text]:focus,.J_pb_dateinput_selected{  border:1px solid #ffbb00; background:#ffee7e;}
.J_pb_days{background:#4E4E4E;}
.J_pb_days li{ color:#FFF;}
.J_pb_days li a{ color:#C3C3C3;}
.J_pb_days li a:hover,.J_pb_days li a.J_selected{ color:#000;}
.J_pb_days li.J_today a,.J_pb_days li.J_hasvideo a,.J_pb_days li{ color:#FFF;}
.J_select_yellow{ background:#fdc017;}
.J_select_blue{ background:#3199dc;}
.J_select_green{ background:#3ac01a;}
.J_date_tips li label{ color:#FFF;}
/**playback-top-right-channel**/
.J_pb_selinput{background:#D2D2D2; color:#000;}
.J_pbselcon ul{ background:#D2D2D2;}
.J_pbselcon ul li a{ color:#000;}
.J_pbselcon ul li a:hover{ background:#A2A2A2;}
/**playback-top-right-download**/
.J_pb_timebox{ border:1px solid #D9D9D9; background:#FFF; color:#000;}
.J_chn1_curren span{ color:#FFF}
.J_pb_download_title li span{ color:#FFF;}
.ulbg0{ background:#5C5C5C;}
.ulbg1{ background:#696969;}
.J_pb_dl_head{ background:#434343;}
.J_pb_tbtn a{ color:#000;}
.J_pb_dl_list_details li{ color:#E5E5E5;}
/**playback-top-right-page-view**/
.J_page_view{ border-top:1px solid #434343; border-bottom:1px solid #434343;}
.J_page_view li{ color:#FFF;}
.yema{ border:1px solid #B6B6B6; background:#FFF;}
.pageP1 a{ color:#FFF;}
.pageUD.CorDark,.CorDark a{ color:#373737;}
.J_pb_dl_list li{ color:#FFF;}
.J_pb_dl_list_details{ background:#434343;}
/**playback-bottom**/
.J_pb_biconbar{ border:1px solid #282828;}
.J_pb_text{ color:#FFF;}
.J_pb_inputbox{ background:#C4C4C4;}
.J_pb_time_block,.J_pb_time_line1{ border-color:#000; border-style:solid;}
.J_pb_time_title li{ color:#C9C9C9;}
.J_pb_time_block ul{ border-bottom:1px solid #000;}
.J_pb_time_line{ background:#444}
.J_pb_time_block ul li{ background-color:#3f3f3f;}
.J_pb_colortip li{ color:#FFF;}
.J_spangreen{ background:#42d019;}
.J_spanlightblue{ background:#7DEBF7;}
.J_spanorange{ background:#FF9700;}
.J_spanyellow{ background:#d9e612;}
.J_spanred{ background:#d51112;}
.J_pb_time_title_box,.J_pb_time_title_box1,.J_pb_time_title_box2,.J_pb_time_title_box3{ border:1px solid #000; background:#FFF;}
/***playback-bottom-left-channel-title***/
.J_pb_left_title,.J_pb_left_title ul li{ border-color:#000; color:#C9C9C9; background:#282828;}


/*playback-layout-style*/
.J_playback{ position:relative; left:0; top:0;}
.J_playback_top{ width:100%;height:480px;*height:100%;}
.J_playback_bottom{ width:100%;}
.J_pb_topleft{ position:absolute; left:0; right:225px; height:580px;}
.J_pb_topright{ float:right; width:215px; height:568px; margin-right:0; padding-top:10px; position:relative; left:0; top:0;}

/*playback-top-left-video-style*/
.J_playback_video{ }

/*playback-top-right-date-seldate-style*/
.J_pb_tdate{ width:213px; height:210px; margin:0 auto;}
.J_pb_tdate ul{ clear:both;}
.J_pb_seldate{ width:168px; *width:175px; height:30px; margin:0px auto 0;}
.J_pb_seldate1{ width:192px;}
.J_pb_seldate li{ display:block; float:left; margin-right:4px;}
.J_pb_seldate li.liright{ float:right; margin-right:0;}
.J_pb_seldate li a{ display:block; float:left; width:23px; height:23px; background-image:url(../image/playback.png); background-repeat:no-repeat;}
a.J_mouseicon{ background-position: 0 -51px;}
a.J_mouseicon:hover{ background-position: -23px -51px;}
a.J_yearicon{ background-position: -46px -51px;}
a.J_yearicon:hover{ background-position: -69px -51px;}
a.J_searchicon{ background-position: 0 -311px;}
a.J_searchicon:hover{ background-position: -23px -311px;}
.J_pb_dateinput{ width:50px; height:19px; line-height:19px; text-align:center;}
/*playback-top-right-date-day-style*/
.J_pb_days{ width:175px; height:23px; margin:0 auto; padding:5px 19px 0; overflow:hidden;}
.J_height170{ height:170px;}
.J_height158{ height:158px;}
.J_pb_days li{ float:left; width:23px; height:23px; line-height:23px; margin:0 2px 2px 0; text-align:center;}
.J_pb_days li a{ display:block; width:23px; height:23px; background:url(../image/playback.png) -94px -51px  no-repeat;}
.J_pb_days li a:hover,.J_pb_days li a.J_selected{ color:#FFBB00;}
.J_pb_days li.J_today a{ color:#FFBB00; font-weight:900;}
.J_pb_days li.J_hasvideo a{ background-position: -164px -51px;}
.J_pb_days li.J_hasvnow a{ background-position: -164px -51px; color:#FFBB00; font-weight:900;font-size:14px;}

.J_date_tips{ width:213px; height:72px;}
.J_date_tips li{ float:left;  padding-left:4px; height:24px;}
.J_date_tips li span{ display:block; float:left; width:10px; height:10px; margin-top:7px;}
.J_date_tips li label{ display:block; float:left; padding-left:4px; line-height:24px;}


/*playback-top-right-channel-style*/
.J_pb_tchannel{ width:213px; margin:10px auto;}
.J_pb_chntitle{ width:100%; height:37px; overflow:hidden;}
.J_pb_chntitle li{ float:left; width:37px; height:37px; margin-right:4px;}
.J_pb_chntitle li.J_chn_curren{ background:url(../image/playback.png) -219px -10px;}
.J_pb_chntitle li a{ display:block; width:25px; height:19px; margin:10px auto 0; background-image:url(../image/playback.png); background-repeat:no-repeat;}
.J_chn_li .pb_chn1,.J_chn_curren .pb_chn1{ background-position:-258px -9px;}
.J_chn_li .pb_chn1:hover{ background-position:-258px -28px;}
.J_chn_li .pb_chn4,.J_chn_curren .pb_chn4{ background-position:-283px -9px;}
.J_chn_li .pb_chn4:hover{ background-position:-283px -28px;}
.J_chn_li .pb_chn9,.J_chn_curren .pb_chn9{ background-position:-308px -9px;}
.J_chn_li .pb_chn9:hover{ background-position:-308px -28px;}
.J_chn_li .pb_chn16,.J_chn_curren .pb_chn16{ background-position:-333px -9px;}
.J_chn_li .pb_chn16:hover{ background-position:-333px -28px;}
.J_chn_li .pb_chnbig,.J_chn_curren .pb_chnbig{ background-position:-358px -9px;}
.J_chn_li .pb_chnbig:hover{ background-position:-358px -28px;}
.J_pb_chncon{ width:213px; height:140px; margin:0px auto; background:url(../image/playbackbg.png) repeat-y; overflow:hidden;}
.J_pb_chn_bom{ width:213px; height:3px; background:url(../image/playback.png) -1px -397px; overflow:hidden;}
.J_pb_content{ width:213px; margin-top:-120px; z-index:999;}
.J_pbpos01{ width:90px; margin:0 auto; position:relative; left:0; top:0; z-index:999;}
.J_pbpos04{ float:left; width:90px; margin:0 10px 20px 0; position:relative; left:10px; top:0; z-index:998;}

/*playback-top-right-channel-select-style*/
.J_pb_seltop{ width:90px; height:24px; overflow:hidden;}
.J_pb_seltop li{ float:left;}
.J_pb_selinput{ width:68px; height:22px; line-height:22px; margin-top:1px; text-align:center;}
.J_pb_single_name{ width:105px; height:22px; line-height:22px; margin-top:1px; text-align:center;background:#D2D2D2; color:#000;}
.J_pb_selicon{ display:block; float:left; width:22px; height:24px; background:url(../image/playback.png) 0 -80px;}
.J_pb_selicon:hover{ background-position:-23px -80px;}
.J_pbselcon{ position:absolute; left:0; top:24px;}
.J_pbselcon ul{ display:inline-block; width:90px; max-height:140px; overflow-y:auto; overflow-x:hidden;}
.J_pbselcon ul li a{ display:block; width:68px; height:22px; line-height:20px; padding-right:22px; text-align:center;}
.J_pd_windows{ width:213px; margin:0 auto;}

/*playback-top-right-downloadlist-style*/
.J_pb_download{ width:213px; margin:0 auto 10px;}
.J_pb_timebox{ width:160px; height:19px; line-height:19px; text-align:center;}
.J_timeinput{ border:0px none; width:30px; text-align:center;}
.J_pb_download_content{ width:213px; margin:6px auto;}
.J_pb_download_title{ width:100%; height:30px; overflow:hidden;}
.J_pb_download_title li{ float:left; width:45px; height:30px; margin-right:4px; overflow:hidden;}
.J_pb_download_title li.J_chn1_curren{ width:45px; height:30px; background:url(../image/playback.png) -215px -225px;}
.J_pb_download_title li.J_chn1_curren a{ float:left; display:block; width:45px; height:19px; line-height:19px; text-align:center; margin:6px 2px 0; font-weight:bold;}
.J_pb_download_title li a{float:left; display:block; width:45px; height:19px; line-height:19px; margin:6px 2px 0;text-align:center;font-weight:bold;}
.J_pb_download_title li.J_chn1_curren1p4{ width:45px; height:30px; background:url(../image/playback.png) -215px -225px;}
.J_pb_download_chncon{ width:213px; margin:0px auto; background:url(../image/playbackbg.png) repeat-y; overflow:hidden;}

.J_pb_dl_list ul { width:190px; height:22px; margin:0 1px;}
.J_pb_dl_list li{ float:left; height:22px; line-height:22px; text-align:center;}
.J_pb_dl_list li a{ margin:4px auto auto;}
.J_pb_dl_list .li1{width:15px; text-align:center;}
.J_pb_dl_list .li2{ width:80px; cursor:pointer;}
.J_pb_dl_list .li3{ width:63px;}
.J_pb_dl_list .li4{width:45px; cursor:default;}
.J_pb_dl_list .li4 a{color:#FFF;}
.J_pb_dl_list .li5{ width:20px;}
.J_downicon{ display:block; width:14px; height:14px; background:url(../image/playback.png) -389px -8px no-repeat;}
.J_downicon:hover{ background-position:-403px -8px}
.J_pb_dl_head{ height:22px; min-height:22px; margin:0 1px;}
.J_pb_dl_head li{ font-weight:bold;}
.J_pb_tbtn{width:215px; height:30px; z-index:11;}
.J_pb_progress{ position:absolute; width:100px; height:30px; bottom:5px; left:15px; z-index:11;}
.J_pb_progressBigfile{ position:absolute; width:200px; height:30px;  left:105px; z-index:11;}
.J_pb_tbtn a{display:block; width:48px; height:24px; line-height:26px; margin:0 2px; float:right; background:url(../image/playback.png) no-repeat; text-align:center; text-indent:10px;}
.J_pb_tbtn a.J_list_btn{ background-position: -388px -323px;}
.J_pb_tbtn a.J_list_btn:hover{ background-position:-437px -323px;}
.J_pb_tbtn a.J_back_btn{ background-position: -388px -349px;}
.J_pb_tbtn a.J_back_btn:hover{ background-position:-437px -349px;}
.J_pb_tbtn a.J_down_btn{ background-position: -388px -375px;}
.J_pb_tbtn a.J_down_btn:hover{ background-position:-437px -375px;}
.J_pb_tbtn a.J_Tag_btn_disable{background-position: -201px -401px}
.J_pb_tbtn a.J_Tag_Manage_btn{background-position: -388px -401px}
.J_pb_tbtn a.J_Tag_Manage_btn:hover{background-position: -437px -401px}
.J_pb_tbtn a.J_Tag_btn_enable{background-position: -388px -401px}
.J_pb_tbtn a.J_Tag_btn_enable:hover{background-position: -437px -401px}
.J_pb_tbtn a.J_LockVidoeDisable_btn{background-position: -201px -451px;cursor: default}
.J_pb_tbtn a.J_LockVidoe_btn{background-position: -388px -453px}
.J_pb_tbtn a.J_LockVidoe_btn:hover{background-position: -437px -453px}
.J_pb_tbtn a.J_LockVidoeSearch_btn{background-position: -388px -427px}
.J_pb_tbtn a.J_LockVidoeSearch_btn:hover{background-position: -437px -427px}
.J_pb_tbtn a.J_face_btn_disable{background-position: -201px -401px}
.J_pb_tbtn a.J_face_btn_enable{background-position: -388px -401px}
.J_pb_tbtn a.J_face_btn_enable:hover{background-position: -437px -401px}
.J_pb_tbtn a.J_quick_btn{ background-position: -388px -297px;}
.J_pb_tbtn a.J_quick_btn:hover{ background-position:-437px -297px;}
.J_pb_tbtn a.J_bigbak_btn{ background-position: -388px -271px;}
.J_pb_tbtn a.J_bigbak_btn:hover{ background-position:-437px -271px;}

.playback_video_locked{background-position: -551px -183px;}
/*playback-top-right-pageview-style*/
.J_page_view{ clear:both; width:211px; padding-top:5px; height:25px; text-align:right; font-size:12px;}
.J_page_view li{ float:left; margin-left:4px;}
.pageP{ float:left; width:11px; height:12px;}
.pageP a,.pageP2 a{ display:block; width:12px; height:12px; margin-top:6px; background:url(../image/playback.png) no-repeat -215px -182px;}
.pageP .fir{background-position:-215px -182px;}
.pageP .fir:hover{background-position:-215px -202px;}
.pageP .pre{background-position:-227px -182px;}
.pageP .pre:hover{ background-position:-227px -202px;}
.pageP .next{background-position:-239px -182px;}
.pageP .next:hover{ background-position:-239px -202px;}
.pageP .last{background-position:-251px -182px; }
.pageP .last:hover{ background-position:-251px -202px;}
.pageP2 .sure{ width:20px; height:20px; margin-top:0px;*margin-top:2px; _margin-top:0; background-position:-263px -182px;}
.pageP2 .sure:hover{ background-position:-263px -202px;}
.yema{ width:24px; height:16px; line-height:16px; text-align:center;}
.pageP1 a{ line-height:24px;}
.Xwid{ width:80px;}

/*playback-top-right-pagedetails-style*/
.J_pb_dl_list_details{ clear:both; width:209px; height:62px; margin:0px auto; padding-top:5px;}
.J_pb_dl_list_details li{ line-height:20px; padding-left:4px; text-align:left;}

/*playback-bottom-control-bar-style*/
.J_pb_biconbar{ clear:both; margin:3px 0 auto; height:59px; background:url(../image/playbackline.png) 0 0 repeat-x; position:relative; left:0; top:0;}
.J_pbicons{ float:left; height:50px; margin-left:10px; top:0px; background:url(../image/playbackline.png) 0 -261px repeat-x;}
.J_pbicons li{ float:left; margin-right:10px;}
.J_pbicons li.J_pb_lef1{ float:left; margin-left:-22px; margin-right:10px;}
.J_pb_lefpic,.J_pb_rigpic{ width:19px; height:36px; margin-top:14px;  overflow:hidden;}
.J_pbicons .J_pb_rigpic{ margin-right:0;}
.J_pbicons li a{ display:block; width:29px; height:28px; margin-top:18px; background-image:url(../image/playback.png); background-repeat:no-repeat;}
.J_pbicons li a.J_pb_ctricon1{ background:url(../image/pause.png) no-repeat -2px -2px;}
.J_pbicons li a.J_pb_ctricon1:hover,a.J_pb_ctricon11{ background-position: -2px -37px;}
.J_pbicons li a.J_pb_ctricon2{ width:29px; height:28px; background-position: -111px -139px;}
.J_pbicons li a.J_pb_ctricon2:hover,.J_pbicons li a.J_pb_ctricon21{ width:29px; height:28px; background-position: -141px -139px;}
.J_pbicons li a.J_pb_ctricon2x{ width:50px; height:51px; background-position: -210px -122px; margin-top:5px;}
.J_pbicons li a.J_pb_ctricon2x:hover,.J_pbicons li a.J_pb_ctricon2x1{ width:50px; height:51px; background-position: -261px -122px;}
.J_pbicons li a.J_pb_ctriconBack {  width:29px; height:28px; background-position: -231px -139px; }
.J_pbicons li a.J_pb_ctriconBack:hover,.J_pbicons li a.J_pb_ctricon21{  width:29px; height:28px; background-position: -261px -139px;}
.J_pbicons li a.J_pb_ctriconBackX {  width:29px; height:28px; background-position: -322px -139px; }
.J_pbicons li a.J_pb_ctriconBack_disabled { height:51px; background-position: -379px -122px; margin-top:5px;}
.J_pbicons li a.J_pb_ctriconBackStop {background: url("../image/pause.png") no-repeat scroll -2px -2px; height: 28px}
.J_pbicons li a.J_pb_ctriconBackStop:hover { height:28px;background:url("../image/pause.png") no-repeat scroll -2px -37px; }
a.J_pb_ctricon3{ background-position: -30px -186px;}
a.J_pb_ctricon3:hover,a.J_pb_ctricon31{ background-position: -30px -215px;}
a.J_pb_ctricon3X{ background-position: -179px -187px;}
a.J_pb_ctricon4{ background-position: -60px -186px;}
a.J_pb_ctricon4:hover,a.J_pb_ctricon41{ background-position: -60px -215px;}
a.J_pb_ctricon4_disabled{ background-position: -427px -185px;}
a.J_pb_ctricon5{ background-position:-90px -186px;}
a.J_pb_ctricon5:hover,a.J_pb_ctricon51{ background-position: -90px -215px;}
a.J_pb_ctricon5_disabled{ background-position: -457px -185px;}
a.J_pb_ctricon6{ background-position:-120px -186px;}
a.J_pb_ctricon6:hover{ background-position: -120px -215px;}
a.J_pb_ctricon61{ background-position: -150px -186px;}
.J_pb_text{ height:36px; width:25px; line-height:36px; margin-top:13px;}
.J_pb_slider{ height:18px; margin-top:21px;}
.J_pb_sliderbg{ float:left; width:100px; height:16px; background:url(../image/playbackline.png) 0 -165px repeat-x; text-align:left; position:relative; left:0; top:0;}
.J_pb_sliderline{ position:absolute; left:0; top:0; width:40px; height:16px; background:url(../image/playbackline.png) 0 -184px repeat-x; z-index:10;}
.J_pbicons li a.J_pb_sax{ float:left; display:block; width:18px; height:18px; margin-top:0; background:url(../image/playback.png) 0 -257px no-repeat; z-index:1000; position:relative; top:0;}
.J_pbicons li a.J_pb_sax:hover{ background-position:-19px -257px;}
.J_pb_sound_sliderbg{ width:70px; height:14px; background:url(../image/playback.png) -43px -256px  no-repeat; position:relative; left:0; top:0;}
.J_pbicons li a.J_pb_sound_sax{ float:left; display:block; width:18px; height:18px; background:url(../image/playback.png) 0 -257px no-repeat; margin-top:0; position:relative; left:30px;}
.J_pbicons li a.J_pb_sound_sax:hover{ background-position:-19px -257px;}
.J_pbicons li a.J_pb_sound_sax_disabled{ float:left; display:block; width:18px; height:18px; background:url(../image/playback.png) 0 -257px no-repeat; margin-top:0; position:relative; left:30px;}
.J_pbicons_r{ float:right; height:36px; margin-right:10px; margin-top:10px; background:#000;}
.J_pbicons_r li{ float:left; height:25px;}
.J_pbicons_r li.J_pb_lefcut{ width:43px; background:url(../image/playback.png) 0 -116px no-repeat; cursor:pointer;margin-top:5px;}
.J_pbicons_r li.J_pb_lefcut:hover{ background-position: 0 -142px;}
.J_pbicons_r li.J_pb_rigsave{ width:43px; background:url(../image/playback.png) -44px -116px no-repeat;cursor:pointer;margin-top:5px;}
.J_pbicons_r li.J_pb_rigsave:hover{ background-position: -44px -142px;}

.J_pbicons_r li.J_pb_lefside{ width:35px;cursor:pointer;}
.J_pbicons_r li.J_pb_rigside{ width:35px;cursor:pointer;}
.J_left430{ left:430px;}

/*playback_bottom_layout-style*/
.J_pb_left_title{ float:left; width:24px; /*height:56px;*/ margin-top:-75px; border-style:solid; border-width:1px 1px 0 1px;}
.J_pb_center_time{ height:85px; margin-left:24px; margin-right:13px; text-align:left; position: relative; left:0; top:0; overflow:hidden; }
.J_pb_right_scrolly{ float:right; width:13px; height:57px; margin-top:-85px;}

/*playback_bottom_layout-left--style*/
.J_pb_left_title ul li{ width:18px; height:13px; text-align:center; border-style:solid; border-width:0 0 1px 0;}
/*.J_pb_left_title ul li:last-child{ border-width:0;}*/

/*playback_bottom_layout-right-scroll--style*/
.J_pb_scrolly_top,.J_pb_scrolly_bot{ width:13px; height:15px; background:url(../image/playback.png) -252px -105px no-repeat;}
.J_pb_scrolly_bot{ background-position: -265px -105px;}
.J_pb_scrolly_cen{ width:12px; height:42px; background:url(../image/playbackbg.png) -213px 0 repeat-y;}
.J_pb_scrolly_cen a{ display:block; width:12px; height:10px; background:url(../image/playbackbg.png) -225px 0 repeat-y;}
/*playback-bottom-center-timebar-style*/
.J_pbtimebar{ width:180px; height:24px; line-height:24px; margin-top:5px; text-align:center; border:0px solid;}
.J_pb_inputbox{ width:20px; height:20px; line-height:20px; text-align:center; border:0 none;}
.J_pb_time{ clear:both; margin:3px 0 0; overflow:hidden; position:relative; left:0; top:0;}
.J_pb_timecon{ height:67px; position:relative; left:0;}

.J_pb_time_line{ clear:both; height:57px; margin-left:0; margin-right:1px; overflow:hidden; position:relative; left:0; top:0;}
.J_pb_time_line1{ clear:both; overflow: hidden; height:14px; border-width:1px 0 0 1px; overflow:hidden; position:relative; left:0; top:0;}
.J_pb_time_block{ display:inline-block; border-width:1px 0 0;}

.J_pb_time_title li{ float:left; width:49px; height:20px; line-height:20px; text-align:left;}
.J_pb_time_title li.last{ width:20px; text-align:right;}
.J_pb_time_block{ float:left;}
.J_pb_time_block ul li{ float:left; width:50px; height:13px; background-position:right top; background-repeat:no-repeat;}
.J_pb_time_cover{ position:absolute; left:0; top:0;}
.J_pb_time_cover ul{ position:relative; left:0; top:0; clear:both; height:13px; margin-bottom:1px;}
.J_pb_time_cover ul li{ position:absolute;}
.example_li1{ left:100px; top:0; width:20px; height:13px; background:url(../image/playbackline.png) 0 -201px repeat-x;}
.example_li2{ left:250px; top:0; width:256px; height:13px; background:url(../image/playbackline.png) 0 -201px repeat-x;}

.J_pb_scroll{ clear:both; height:13px; padding-top:5px;}
.J_pb_scroll_con{ width:100%; height:13px; background:url(../image/playbackline.png) 0 -60px repeat-x; position:relative; left:0; top:0;}
.J_pb_scroll_con1{ margin:-11px 16px 0 16px; position:relative; left:0; top:0;}

.J_pb_scroll_left{ float:left;}
.J_pb_scroll_left a{display:block; width:16px; height:13px; background:url(../image/playback.png) -219px -106px no-repeat;}
.J_pb_scroll_right{ float:right;}
.J_pb_scroll_right a{ display:block; width:16px; height:13px; background:url(../image/playback.png) -235px -106px no-repeat;}
.J_pb_scroll_color{ position:absolute; width:600px; height:10px; background:url(../image/playbackline.png) 0 -74px repeat-x; overflow:hidden;}

.J_pb_tips{ clear:both; margin:5px 7px auto auto; height:28px;}
.J_pb_colortip{ float:right; margin-top:6px; height:20px; overflow:hidden;}
.J_pb_colortip li{ clear:right; float:left; margin-right:4px; overflow:hidden; line-height:20px;}
.J_pb_colortip li.J_chekbox_li{ padding-top:3px; *padding-top:0; line-height:16px;}
.J_pb_colortip li.J_next_marr20{ margin-right:20px;}
.J_pb_colortip li span{ display:block;}
.J_spangreen,.J_spanyellow,.J_spanred,.J_spanlightblue{ display:block; width:11px; height:12px; margin-top:3px;}
.J_pb_green{ display:block; width:11px; height:12px; margin-top:3px;background:#00FF00}
.J_pb_yellow{ display:block; width:11px; height:12px; margin-top:3px;background:#FFFF00}
.J_pb_red{ display:block; width:11px; height:12px; margin-top:3px;background:#FF0000}

.J_pb_adjust{ float:right; height:28px; margin-left:30px; background:#000;}
.J_pb_adjust li{ clear:right; float:left; margin-right:10px; height:28px;}
.J_pb_adjust li.J_pb_adjust_lef,.J_pb_adjust li.J_pb_adjust_rig{ width:12px; background:#000;  margin-right:0px;}
.J_pb_adjust li.J_pb_adjust_rig{ background-position: -153px -14px;}
.J_pb_adjust_small,.J_pb_adjust_big{ display:block; width:14px; height:14px; margin-top:7px; background:url(../image/playback.png) -51px -290px no-repeat;}
.J_pb_adjust_small:hover{ background-position: -65px -290px;}
.J_pb_adjust_big{background-position: -82px -290px;}
.J_pb_adjust_big:hover{ background-position: -96px -290px;}

.J_pb_adjust_slider{ width:290px; height:18px; margin-top:5px; background:url(../image/playbackline.png) 0 -217px repeat-x;}
.J_pb_adjust_sax{ display:block; float:left; left:100px; width:20px; height:19px; background:url(../image/playback.png) -2px -287px no-repeat;}
.J_pb_adjust_sax:hover{ background-position: -23px -287px;}
.J_pb_time_titles{ position:absolute; left:0; top:21px;}
.J_pb_time_title_block{ clear:both; width:5px; height:14px; background:url(../image/playback.png) -438px -59px no-repeat;position:relative; left:100px; top:-21px; z-index: 9995;}
.J_pb_time_titles1{ position:absolute; left:0; top:34px;}
.J_pb_time_title_box,.J_pb_time_title_box1,.J_pb_time_title_box2,.J_pb_time_title_box3{ height:14px; line-height:14px; padding:0 4px; z-index:9999;}
.J_pb_time_title_box1{ margin-top:-1px; z-index:0;}
.J_pb_time_title_box2{ margin-top:-2px; z-index:0;}
.J_pb_time_title_box3{ margin-top:-3px; z-index:0;}
.J_time_newbox{ height:16px;}
.J_pb_time_cut{ position:absolute; left:0; top:20px;}
.J_pb_time_cutcon{ position:absolute; left:0; top:0; z-index: 10000;}
.J_pb_time_cutcon a{ display:block; width:9px; height:16px; background:url(../image/playback.png) -438px -79px no-repeat; position:absolute;}
.J_pb_time_cutcon a.lefticon{ background-position: -438px -79px; left:0px; top:-2px;}
.J_pb_time_cutcon a.righticon{ background-position: -448px -79px; left:1215px; top:-2px;}
.pos2{ top:-2px;}
.pos3{ top:-4px;}
.pos4{ top:-6px;}
.pb-downbtn {display: block; width: 20px; height: 20px; margin: 8px 10px 8px 0; background: url(../image/playback.png) 0 -340px no-repeat;}
.pb-downbtn:hover { background-position:  -20px -340px;}
.pb-down-line { width: 126px; height: 8px; margin: 13px 10px auto 0; border: 1px solid #1b191a; background: #1a1a1a;}
.pb-down-current { width: 0px; height: 8px; background: #dc9d1a;}
.pb-down-text { margin-top:8px; height: 20px; line-height: 20px; color: #FFF;}
.J_pb_hideslider{position:absolute;left:265px;top:20px; height:20px;z-index:2000;width:110px;}
.J_pb_hidesavebtn{position:absolute;top:0px; right:0px; width:65px; height:60px; z-index:1000;}
.J_pb_statetip{float:left;margin-left:20px;width:140px;height:28px;line-height:28px;}
.J_pb_statetip li{color:#FFF;font-weight:bold;font-size:18px;}
.J_btn_floatLft{
	float: left;
	margin-right: 10px;
}
.boxtap{ clear:both;  padding-top:4px; min-height:30px; _height:30px;}
.boxtap div{float:left; min-width:360px; _width:360px; padding:4px 10px 4px 35px; line-height:20px; border:1px solid #F89712; background:#FFEA95 url(../image/ytall3.png) no-repeat 7px -2px; color:#010101;  text-align:left; font-size:12px; font-weight:bold;}
.boxtap .Box0{ background-position:-48px -267px;}
.boxtap .Box1{ background-position:-48px -469px;}
.boxtap .Box2{ background-position:-48px -643px;}

.ui-dialog-icon{display:block; width:22px; height:22px; overflow:hidden; background:url(../image/pbbbtn.png) -226px 0 no-repeat;}
.ui-dialog-icon:hover{ background-position:-248px 0;}

a.bc1{ float:left; width:22px; height:22px; line-height:22px; margin:2px 5px 2px 0px; text-align:center; background:url(../image/ytall3.png) no-repeat 0 0; color:#fff;}
a.bc2{float:left; width:22px; height:22px; line-height:22px; margin:2px 5px 2px 0px; text-align:center; background:url(../image/ytall3.png) no-repeat -44px 0; color:#fff;}
.con ul{ clear:both; margin:0; overflow:hidden;}
.con ul li{ float:left; line-height:26px; padding-top:2px; margin-right:10px; text-align:left; overflow:hidden;}
.con ul .txt2,.txt2{ width:120px;}
.con ul .txt4{ padding-right:10px;}
.scro_chanl{ float:left; display:inline-block; width:440px; overflow:hidden;}

.J_pbbtn_div{}
.J_pbbtn_div a{float:left; margin-right: 10px;}
 a.J_switch_btn{display:block; float:left;margin-left:85px;width:48px; height:24px; margin-top:5px;line-height:24px; overflow:hidden; border:1px solid #464646;background:url(../image/btnbg.png) repeat-x;  color:#FFFFFF; font-size:12px; cursor:pointer; text-align:center;}
 a.J_switch_btn:hover{border:1px solid #010102;background-position:0 -24px;}
.J_pb_hideBackward{
    width: 30px;
    height: 30px;
    position: absolute;
    left: 116px;
    top: 18px;
    cursor: pointer;
}