/*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;}
.ulbg2{ background:#F1CF47;}
.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_spanpos{ background:rgb(87,255,255);}
.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;height: 100%;}
.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:230px; 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_height150{ height:150px;}
.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:35px; height:37px;}
.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_chncus,.J_chn_curren .pb_chncus{ background-position:0px -404px;}
.J_chn_li .pb_chncus:hover{ background-position:0px -424px;}
.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:-140px; 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 0 20px 10px; position:relative; left:0; 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:20px auto;}
.J_pd_winCustom{ width:205px; margin: 5px;}
.J_pd_winCustom a{margin-right: 4px}

/*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:213px; 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;margin: 0 5px 0 0}
.J_pb_dl_list .li2{ width:80px; cursor:pointer;}
.J_pb_dl_list .li3{ width:80px;}
.J_pb_dl_list .li4{width:75px; cursor:default; white-space: nowrap;}
.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{ position:absolute; width:215px;  bottom:5px; left:0; z-index:11;}
.J_pb_tbtn a{display:block; width:95px; height:26px; line-height:26px; margin:0 5px; float:right; background:url(../image/playback.png) no-repeat; text-align:center; text-indent:20px;white-space :nowrap;overflow :hidden;text-overflow :ellipsis;}
.J_pb_tbtn a.J_list_btn{ background-position: -296px -322px;}
.J_pb_tbtn a.J_list_btn:hover{ background-position:-391px -322px;}
.J_pb_tbtn a.J_back_btn{ background-position: -296px -348px;}
.J_pb_tbtn a.J_back_btn:hover{ background-position:-391px -348px;}
.J_pb_tbtn a.J_down_btn{ background-position: -296px -374px;}
.J_pb_tbtn a.J_down_btn:hover{ background-position:-391px -374px;}
.J_pb_tbtn a.J_copy_btn{ background-position: -296px -478px;}
.J_pb_tbtn a.J_copy_btn:hover{ background-position:-391px -478px;}
.J_pb_tbtn a.J_Tag_btn_disable{background-position: -201px -400px}
.J_pb_tbtn a.J_Tag_Manage_btn{background-position: -296px -400px}
.J_pb_tbtn a.J_Tag_Manage_btn:hover{background-position: -391px -400px}
.J_pb_tbtn a.J_Tag_btn_enable{background-position: -296px -400px}
.J_pb_tbtn a.J_Tag_btn_enable:hover{background-position: -391px -400px}
.J_pb_tbtn a.J_LockVidoeDisable_btn{background-position: -201px -451px;cursor: default}
.J_pb_tbtn a.J_LockVidoe_btn{background-position: -296px -452px}
.J_pb_tbtn a.J_LockVidoe_btn:hover{background-position: -391px -452px}
.J_pb_tbtn a.J_LockVidoeSearch_btn{background-position: -296px -426px}
.J_pb_tbtn a.J_LockVidoeSearch_btn:hover{background-position: -391px -426px}
.J_pb_tbtn a.J_face_btn_disable{background-position: -201px -400px}
.J_pb_tbtn a.J_face_btn_enable{background-position: -296px -400px}
.J_pb_tbtn a.J_face_btn_enable:hover{background-position: -391px -400px}

.playback_video_locked{background-position: -551px -183px;background-image: url(../image/icons.png?version=2.210);}
/*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; color:#FFF;}
.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 -260px 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; background:url(../image/playback.png) 0 -10px; overflow:hidden;}
.J_pbicons .J_pb_rigpic{ background-position: -19px -10px; margin-right:0;}
.J_pbicons li a{ display:block; width:31px; height:36px; margin-top:14px; 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 3px;}
.J_pbicons li a.J_pb_ctricon1:hover,a.J_pb_ctricon11{ background-position: -2px -34px;}
.J_pbicons li a.J_pb_ctricon2{ width:50px; height:51px; background-position: -108px -122px; margin-top:5px;}
.J_pbicons li a.J_pb_ctricon2:hover,.J_pbicons li a.J_pb_ctricon21{ width:50px; height:51px; background-position: -159px -122px;}
.J_pbicons li a.J_pb_ctriconBack { height:51px; background-position: -314px -122px; margin-top:5px;}
.J_pbicons li a.J_pb_ctriconBack:hover,.J_pbicons li a.J_pb_ctricon21{ height:51px; background-position: -346px -122px;}
.J_pbicons li a.J_pb_ctriconBack_disabled { height:51px; background-position: -379px -122px; margin-top:5px;}
.J_pbicons li a.J_pb_ctriconBackStop {margin-top: 14px; background: url("../image/pause.png") no-repeat scroll -2px 3px; height: 32px}
.J_pbicons li a.J_pb_ctriconBackStop:hover {margin-top: 17px; height:30px;background:url("../image/pause.png") no-repeat scroll -2px -37px; }
.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_singleicon{width:36px;}
.J_pbicons li.J_pb_singlebackgroud{width: 36px;height: 36px}
a.J_pb_ctricon3{ background-position: -31px -182px;}
a.J_pb_ctricon3:hover,a.J_pb_ctricon31{ background-position: -31px -219px;}
a.J_pb_ctricon4{ background-position: -62px -182px;}
a.J_pb_ctricon4:hover,a.J_pb_ctricon41{ background-position: -62px -219px;}
a.J_pb_ctricon4_disabled{ background-position: -424px -182px;}
a.J_pb_ctricon5{ background-position:-93px -182px;}
a.J_pb_ctricon5:hover,a.J_pb_ctricon51{ background-position: -93px -219px;}
a.J_pb_ctricon5_disabled{ background-position: -455px -182px;}
a.J_pb_ctricon6{ background-position:-124px -182px;}
a.J_pb_ctricon6:hover{ background-position: -124px -219px;}
a.J_pb_ctricon61{ background-position: -155px -182px;}
a.J_pb_ctricon7_disable{ background-position:-414px -225px;}
a.J_pb_ctricon7_normal{ background-position:-378px -225px;}
a.J_pb_ctricon7_normal:hover{ background-position: -450px -225px;}
.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:18px; background:url(../image/playbackline.png) 0 -163px repeat-x; text-align:left; position:relative; left:0; top:0;}
.J_pb_sliderline{ position:absolute; left:0; top:0; width:40px; height:18px; background:url(../image/playbackline.png) 0 -182px 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:3px; margin-top:10px; background:url(../image/playbackline.png) 0 -274px repeat-x;}
.J_pbicons_r li{ float:left; height:36px;}
.J_pbicons_r li.J_pb_lefcut{ width:51px; background:url(../image/playback.png) 0 -109px no-repeat; cursor:pointer;}
.J_pbicons_r li.J_pb_lefcut:hover{ background-position: 0 -145px;}
.J_pbicons_r li.J_pb_rigsave{ width:51px; background:url(../image/playback.png) -51px -109px no-repeat;cursor:pointer;}
.J_pbicons_r li.J_pb_rigsave:hover{ background-position: -51px -145px;}

.J_pbicons_r li.J_pb_goto{ width:40px; background:url(../image/playback.png) -125px -256px no-repeat;cursor:pointer;}
.J_pbicons_r li.J_pb_goto:hover{ background-position: -125px -293px;}

.J_pbicons_ivs{float:left; height:25px; padding-top:23px; margin-left:10px; top:0;}
.J_pbicons_ivs li{float:left;}
.J_pbicons_ivs .J_chn_li a{ display:block; width:25px; height:19px; background-image:url(../image/playback.png); background-repeat:no-repeat;}
.J_plb_securityKey_div{float: left; margin-left: 10px; width: 220px; padding-top: 18px;}

.J_pbicons_r li.J_pb_lefside{ width:35px; background:url(../image/playback.png) -215px -270px no-repeat; cursor:pointer;}
.J_pbicons_r li.J_pb_rigside{ width:35px; background:url(../image/playback.png) -282px -270px no-repeat;cursor:pointer;}
.J_left430{ left:430px;}
.J_width36 {width: 36px;}
/*playback_bottom_layout-style*/
.J_pb_left_title{ float:left; /*height:56px;*/ margin-top:-75px; border-style:solid; border-width:1px 1px 0 1px;}
.J_pb_center_time{ height:85px; margin-left:28px; margin-right:5px; 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:26px; 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_playtimebar{ width:90px; 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-image:url(../image/playbacktimebg.png); 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 -59px 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,.J_spanorange,.J_spanpos{ 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:url(../image/playbackline.png) 0 -134px repeat-x;}
.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:url(../image/playback.png) -141px -14px no-repeat;  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 -215px 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: 116px; height: 8px; margin: 13px 10px auto 0; border: 1px solid #1b191a; background: #1a1a1a;}
.pb-down-current { width: 0px; height: 8px; background: #dc9d1a;float: left}
.pb-down-text { margin-top:8px; height: 20px; line-height: 20px; color: #FFF;}
.J_pb_hideslider{position:absolute;left:298px;top:21px; height:18px;z-index:2000;width:100px;}
.J_pb_hidesavebtn{position:absolute;top:0px; right:0px; width:65px; height:60px; z-index:1000;}
.J_pb_hidecutbtn{position:absolute;top:0px; right:230px; width:65px; height:60px; z-index:1000;}
.J_pb_statetip{float:left;margin-left:20px;height:28px;line-height:28px;}
.J_pb_statetip li{color:#FFF;font-weight:bold;font-size:18px;}

.J_play2_chls{ display:inline-block; width:210px; max-height:100px;overflow-y:auto; overflow-x:hidden;}
.J_play2_item{ display:inline-block; width:210px; overflow-x:hidden;}

.J_play2_item li,
.J_play2_item label{ display:inline-block; width:68px; height:24px; line-height:24px; overflow-x:hidden; float:left; color: #FFFFFF}
.J_face_img{ width:100px; height:100px; margin:10px; border:1px solid #555;}
.J_face_img_div{ width:100px; height:100px; margin:10px; border:1px solid #555;  background:url(../image/load.gif) 40px 40px no-repeat #000; }
.J_face_info_div{ width:160px; height:16px; margin:0 10px; color:#fff; }


/*智能回放CSS*/
.J_section_up{width:100%; position: absolute; left:0; top:0; height:80px;}
.J_section_bottom{width:100%; position: absolute; left:0; top:80px; height:580px;}
.J_section_left{width:25%; float:left; height:580px;background: #5C5C5C;margin-left:20px;margin-right: 10px;}
.J_section_tag{background: #E4E4E4;}
.J_section_right{width:72%; float:left; height:580px; border:1px solid #000;}
.J_section_video{width:100%; height:580px; border:1px solid #000; position: relative;}
.J_analyse_left{width:74%; float:left; min-height:690px;}
.J_analyse_right{width:24%; float:left; min-height:690px; margin-left:8px;}
.J_analyse_bottom{width:99%; float:left; height:30px; line-height:30px;}
.J_analyse_bottom div{float:left;}
.J_analyse_table{width:100%; height:600px;}
.J_analyse_table td{height: 33%; width: 33.3%; background:#000;color: #D5D5D5;border: 1px solid #373737;}
.J_analyse_table td>.itemBox{border: 1px solid #000;height: 233px;position: relative;}
.J_analyse_table td>.itemBox>img{width: 100%;height: 100%;}
.J_analyse_table td>.itemBox_selected{border: 1px solid green;}
.J_analyse_video{width:100%; height:300px; position: relative;}
.J_analyse_calendar{width:100%; height:290px; margin-top:5px; padding-top:5px; background:#5C5C5C;}
.J_analyse_back{width: 100%;position: relative;height:43px;margin-top:7px;background:#5C5C5C;}
.J_analyse_playbar{width:100%; position: absolute; right:0; bottom: 0;}
.J_analyse_btn{
	width:100%;
	height:50px;
	padding-top:15px;
}
.J_analyse_playbar a {
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 1px 10px auto 0;
    background-repeat: repeat;
    background-position: -300px 0;
}
.J_analyse_calendar .J_pb_days {
	background: #5C5C5C;
}
.J_analyse_playbar a:hover,
.J_analyse_playbar a.playback-iconitem-current {
    background-position: -300px -30px;
}
.J_synopsis_video{width:98%; height:600px; position: absolute;z-index: -1;}

[class^="playback-icon-"] {
    display: block;
    width: 28px;
    height: 28px;
    background-repeat: repeat;
    -moz-opacity: .8; 
    opacity: .8;
    filter: alpha(opacity=80);
}
[class^="playback-icon-"]:hover {
    -moz-opacity: 1; 
    opacity: 1;
    filter: alpha(opacity=100);
}
.playback-icon-play {
    background-position: -30px -270px;
}
.playback-icon-pause {
    background-position: -30px -300px;
}
.playback-icon-stop {
    background-position: -30px -30px;
}
.playback-icon-slow {
    background-position: -30px -150px;
}
.playback-icon-fast {
    background-position: -30px -180px;
}
.playback-icon-more {
    float: left;
    display: block;
    width: 25px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: -483px -61px;
}

.playback-icon-rule {
    background-position: 0px -330px;
}
.playback-icon-rule-cur {
    background-position: 0px -360px;
    background-color: #5C5C5C;
}
.playback-icon-region {
    background-position: 0px -390px;
}
.playback-icon-region-cur {
    background-position: 0px -420px;
    background-color: #5C5C5C;
}
.playback-icon-lefttoright {
    background-position: 0px -450px;
}
.playback-icon-lefttoright-cur {
    background-position: 0px -480px;
}
.playback-icon-righttoleft {
    background-position: 0px -510px;
}
.playback-icon-righttoleft-cur {
    background-position: 0px -540px;
}
.playback-icon-both {
    background-position: 0px -570px;
}
.playback-icon-both-cur {
    background-position: 0px -600px;
}
.playback-icon-channel {
    background-position: 0px -660px;
}
.playback-icon-type {
    background-position: 0px -690px;
}
#intel_progress{background:#666668;height:10px; width:600px; margin:10px;}
#intel_progress div{background:#6EF61A;height:100%;}
#synopsis_progress{background:#666668;height:10px; width:400px;}
#synopsis_progress div{background:#6EF61A;height:100%;}
.J_play_channel{ width:215px; margin:0 auto 10px; overflow-y:auto;height:245px;}
.J_play_channel_content{ width:190px; margin:6px auto;padding:2px 2px 10px 2px }
.J_play_channel_list ul { width:190px; height:22px; margin:0 1px;}
.J_play_channel_list li { float:left; height:22px; line-height:22px; text-align:center;color:white;overflow:hidden;}
.intellent_type {
    width: 12%;
    padding: 10px 5px;
    background-color: #5C5C5C;
    height: 476px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;  
}
.intellent_channel{
	width: 82%;
	float: left;
	height: 150px;
	border: 1px solid #5C5C5C;
}
.intellent_chaneltitle{
	border-bottom: 1px solid #5c5c5c;
	height: 30px;
}
.intellent_channellist{
	width: 82%;
	float: left;
	height: 80px;
	padding: 5px 15px;
}
#play_page_intelplay label{
	color:#FFF;
}
.intel_fieldset {
	padding: 0 0 5px 7px;
	border: 1px solid #999;
	height:160px;
}
.intel_fieldset legend{
	color: #fff;
}
.intel_attr {
	float: left;
	width: 120px;
	padding-left: 10px;
}
.intel_attr ul {
    padding:2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.intel_attr ul label{
	width:51px;
	text-align: left;
	color: #fff;
    display: inline-block;
    vertical-align: bottom;
}
.intel_attr ul span {
	color: #fff;
	padding-left:5px;
}