@charset "utf-8";
/* CSS Document */
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,th,td{ margin:0; padding:0; font-weight:400;}
h1,h2,h3,h4,h4,h5,div{ margin:0;padding:0;}
body{ font-family: Arial, Helvetica, sans-serif,"SimSun"; font-size:12px; color:#3C3C3C;}
table{ border-collapse:collapse;}
img{border:0;}
ul,li{list-style:none;}
em,i { font-style:normal;}
a{ text-decoration:none; outline:none; blr:expression(this.onFocus = this.blur());}
/*Public*/
/* CLEAR FIX*/  
.ie6-out{ _margin-left:1102px;_zoom:1;}
.ie6-in{ _position:relative; _float:left; _margin-left:-1102px;}
.min-width{ min-width:1102px; _zoom:1;}
.clearfix:after {content: ".";  
 display: block;  
 height: 0;  
 clear: both;  
 visibility: hidden;}  
.clearfix {display: inline-block;}  
/* Hides from IE-mac */  
* html .clearfix { height: 1%;}  
.clearfix {display: block;}  

/*UL_LI style*/
.J_harf_con{ float:left; width:390px; padding-left:10px; padding:0 0 10px 10px; margin:10px 0 0 0; overflow:hidden;}
.J_sub_con ul{ width:100%; clear:both;}
.J_sub_con ul li{ float:left; margin-right:10px; line-height:27px; text-align:left;}
.J_sub_con ul li.J_text_r{ text-align:right;}
.J_sub_con ul li.J_chkrad{ height:20px; line-height:10px; margin-right:2px;margin-top:7px; *margin-top:2px;}
.J_sub_con ul li.J_liclear{ clear:both; padding:5px 0 0 20px;}
.J_sub_con ul li.J_marr4{ margin-right:4px;}
.J_sub_con ul li.J_lisecond{padding-left:20px;}
.J_sub_con ul li.J_width_chebox{ width:20px; margin-right:0; margin-top:7px; *margin-top:2px; padding:0; line-height:10px;}
.J_sub_con ul li.line{ width:600px; height:10px; background:url(../image/allline.png?version=2.210) 0 0 no-repeat;}
.J_sub_con ul li.J_current{ float:left; width:147px; height:22px; margin-right:6px; line-height:22px; background:#DA3231; color:#FFF; font-weight:bold; text-align:center;}
.J_sub_con ul li.line_short{ width:380px; height:10px; background:url(../image/allline.png?version=2.210) -50px 0 no-repeat;}
.J_sub_con ul li.J_floatr{ float:right; margin-right:0; margin-left:0px;}
.J_sub_li_chebox{ width:10px;}
.J_li_floatp p{ float:left; margin-right:5px;}
.J_sub_con ul .version_bottom{ padding-top:20px; color:#000;}

/*tables_style*/
.J_table_con{ border:1px solid #4F4F4F; background:#858585;}
.J_table_con table{ width:100%; margin:0px auto; background:#F3F3F3; text-align:center;}
.J_table_con table tr th{ height:20px; line-height:20px; background:#858585; font-weight:bold; font-size:12px; color:#FFF;}
.J_table_con table tr{height:22px; line-height:22px; background:#D5D5D5; font-size:12px; color:#373737;}
.J_table_con table tr:hover{ background:#fca2a2;}
.J_table_con table .cTr{ background:#efefef;}
.J_table_con table .cTr2,.J_table_con table .cTr2:hover{background:#fc5454; color: #FFF;}
.J_table_con .mar15{ padding-right:15px; background:#858585;}
.J_table_con .mar015{ padding-right:15px; *padding-right:0px; _padding-right:15px; background:#858585;}

/*all_button_style*/
.J_control_button{ clear:both;}
.J_button_content{ clear:both; margin-left:150px; height:36px;}
.J_button_line_box{ display:inline-block; width:100%; padding-top:10px; background:url(../image/btnbg.png?version=2.210) 0 -186px repeat-x;}

.J_btn_style,.J_set_btn,.J_set_disable_btn,.J_btn_disable_style,.J_btn_disable_ivs{ float:left; display:inline-block; width:104px; height:24px; line-height:24px; margin:10px 10px 0 0; overflow:hidden; border:1px solid #464646; background:url(../image/btnbg.png?version=2.210) repeat-x; color:#000; font-size:12px; cursor:pointer; text-align:center;}
.J_btn_style:hover,.J_set_btn:hover{ border:1px solid #010102; color: #FFF; background-position:0 -24px;}
.J_btn_right_style{ float:right; margin:10px 0 0 10px;}
.J_set_btn{ width:68px; margin:0;}
.J_set_disable_btn{ width:68px; margin:0; color:#949494;}
.J_btn_disable_style{ color:#949494;}
.J_btn_disable_ivs{color:#ACA899; text-shadow:#FFF 1px 1px 0;}

/*button_tips_style*/
.J_box_tap{ clear:both; height:30px; padding-top:4px;}
.J_box_tapcon{ clear:both; height:30px; padding-top:4px; margin-left:150px;}
.Box{display:none;}
.Box0,.Box1,.Box2{ float:left; text-align:left; min-width:360px; padding-left:35px; padding-right:10px; _width:360px; height:28px; border:1px solid #df4243; background:#f78e8d url(../image/yt3.png?version=2.210) no-repeat -50px -267px; color:#010101; font-size:12px; font-weight:bold; line-height:28px;}
.Box1{ background-position: -50px -327px;}
.Box2{ background-position: -50px -297px;}
.Box3{ float:left; text-align:left; min-width:360px; padding-left:35px; padding-right:10px; _width:360px;  border:1px solid #df4243; background:#f78e8d url(../image/newtipbg.png?version=2.210) no-repeat 3px -100px; color:#010101; font-size:12px; font-weight:bold; line-height:25px;}


/*input_style*/
.J_input_style{ width:154px; height:20px; line-height:20px; border:1px solid #A5A5A5; padding-left:4px;}
.J_input_min_style{ width:40px; height:16px; line-height:16px; border:1px solid #A5A5A5; text-align:center;}
.J_fileinput{ float:right; width:100px; height:26px; padding:20px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; cursor:pointer;}
.J_fileinput1{ position:absolute; left:-104px; top:0; width:80px; _width:95px; height:26px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; cursor:pointer; overflow:hidden;}

/*all_scroll_style*/
.J_yscroll { height:300px; overflow-y:scroll; overflow-x:hidden; background:#D5D5D5;}
.J_yscroll table{ width:100%; _width:98%;}
.J_yscroll_list{ min-height:115px; _height:115px; max-height:300px; margin-top:5px; border:1px solid #4F4F4F; overflow-y:auto; overflow-x:hidden; padding:0;}
.J_yscroll_list p{ line-height:24px;}

/*all_time/ip_box_style*/
.J_alltimebox{ height:20px; padding:0px; margin:2px 0 0; _margin:0px; line-height:20px; border:1px solid #A5A5A5; background:#FFF; text-align:left;}
.J_ipdressbox{ float:left; width:158px; height:20px; padding:0px; margin:2px 4px 0 0; _margin:0 4px 0 0; line-height:20px; border:1px solid #A5A5A5; background:#FFF; text-align:left;}
.J_alltimebox input,.J_ipdressbox input{ width:30px; padding:0; text-align:center; border:0 none; background:none;}

.J_inputbox{ float:left; height:16px; padding:2px 1px; margin:2px 4px 0 0; line-height:20px; border:1px solid #A5A5A5; background:#FFF;}
.J_inputbox input,
.J_inputbox span{ float:left; padding:0; text-align:center; border:none; background:none; }
.J_inputbox input{ width: 36px; height:16px; line-height:16px;}
.J_inputbox input.indexinput{ width: 25px; height:16px; line-height:16px;}
.J_inputbox span{ width: 4px; height:16px; line-height:16px; overflow:hidden;}
.J_inputbox span.sperate {width: 10px;}
.J_inputbox_time{margin:2px 0 0 0; _margin:0;}
.J_inputbox_time input{ width: 28px; }
.J_inputbox_time .J_inputbox_year{ width: 40px;}

/*page_control_style*/
.J_page_control{ width:100%; height:22px; line-height:22px; padding:5px 0 0; text-align:right;}
.J_page_control p{ float:right; margin-left:4px;}
.J_pagep_icon{ margin-top:2px;}
.J_pagep_icon a,.J_pagep_btn a{ display:block; width:12px; height:12px; margin-top:4px; background:url(../image/yt2.png?version=2.210) 0 -139px no-repeat;}

.J_pagep_icon .fir{background-position:0 -139px; }
.J_pagep_icon .fir:hover{background-position:0px -159px;}
.J_pagep_icon .pre{background-position:-12px -139px;}
.J_pagep_icon .pre:hover{ background-position:-12px -159px;}
.J_pagep_icon .next{background-position:-24px -139px;}
.J_pagep_icon .next:hover{ background-position:-24px -159px;}
.J_pagep_icon .last{background-position:-36px -139px; }
.J_pagep_icon .last:hover{ background-position:-36px -159px;}
.J_pagep_btn .sure{ background-position:-48px -139px; width:20px; height:20px; margin-top:0px;}
.J_pagep_btn .sure:hover{ background-position:-48px -159px}
.J_input_page{ width:24px; height:20px; line-height:20px; text-align:center; border:1px solid #A5A5A5; background:#E2E2E2;}


/*dialog_box_style*/
.J_dialog{ position:absolute; top:-10000px; z-index:1000;}
.J_dialog_box{ display:inline-block; width:400px; padding-bottom:10px; z-index:1000; border:2px solid #373737; background:#D5D5D5; text-align:center;}
.J_title_h2{ width:100%; height:26px; line-height:26px; overflow:hidden; background:url(../image/bgx.png?version=2.210) 0 -94px repeat-x; }
.titleH{ float:left; padding-left:10px; font-size:14px; font-weight:bold;}
.exit{ float:right; margin-top:2px; padding-right:4px;}
.exit a{ display:block; width:22px; height:22px; overflow:hidden; background:url(../image/pbbbtn.png?version=2.210) -226px 0 no-repeat;}
.exit a:hover{ background-position:-248px 0;}

.J_sub_sureBox{ display:inline-block; height:auto; margin:10px auto; text-align:center;}
.J_sureText{ line-height:24px;}
.J_popUpbtn{ clear:both; width:240px; padding-left:10px; margin:0 auto 10px auto;}
.J_center_popup{ margin:10px auto 0; width:340px;}
/*slider_style*/
.J_slider_box{ float:left; height:19px; margin:2px 0 0 4px;background:url(../image/bgx.png?version=2.210) 0 -19px repeat-x; overflow:hidden;}
.J_slider{float:left; width:10px; height:19px; background:url(../image/yt3.png?version=2.210) -23px -184px no-repeat; cursor:pointer;}
.J_slider:hover{ background-position:-33px -184px;}
/*精调节滑块*/
.J_adjust_sax{ float:left; width:105px; height:19px; margin:2px 0 0 4px;background:url(../image/bgx.png) 0 -19px repeat-x; overflow:hidden;}
.J_adjust_sax_special{ float:left; width:105px; height:19px; margin:2px 0 0 4px; background:url(../image/newskx.png) 0 0 no-repeat; overflow:hidden;}
.J_adjust_sax_specialview{ width:80px; height:19px; background:url(../image/newskx.png) 0 -19px no-repeat; overflow:hidden; position:relative; left:0; top:0;}

/*channel_style*/
.J_channel_con a,.J_channel,.J_channel1{ float:left; display:block; height:22px; width:22px; line-height:22px; margin-right:5px; background:url(../image/yt3.png?version=2.210) no-repeat 0 0; color:#000;font-size:14px; text-align:center;}
.J_channel_con a.J_channel{ background-position:0 0;}
.J_channel_con a.J_channel:hover,.J_channel:hover{ background-position:-22px 0;}
.J_channel_con a.J_channel1,.J_channel1{ background-position:-44px 0;}


/* set content*/
.J_header{ position:relative; width:100%; min-width:1102px; height:56px; background:#D1D1D1;}
.J_content{ width:100%; min-width:1102px;}
.J_content a{ cursor:pointer;}
.J_content .J_set_sidebar{position:absolute; top:13px; left:11px; width:162px; text-align:left;}
.J_content .J_main_body{ margin:13px 15px 0 173px;}
.J_content .J_set_right_body{ display:inline-block; width:100%; padding-bottom:10px; text-align:left; background:#D5D5D5;}

.J_content .J_set_sidebar .J_set_menu{ display:block; width:162px; height:26px; line-height:26px; overflow:hidden; background:url(../image/yt3.png?version=2.210) -59px -50px no-repeat; text-indent:16px; font-size:14px; font-weight:bold; color:#E7E7E7;}
.J_content .J_set_sidebar .J_set_menu:hover{ background-position:-60px -24px; color:#EFEFEF}
.J_content .J_set_sidebar .J_set_menu_current{ display:block; width:162px; height:26px; line-height:26px; overflow:hidden; background:url(../image/yt3.png?version=2.210) -60px -100px no-repeat; text-indent:16px; font-size:14px; font-weight:bold; color:#E7E7E7;}
.J_content .J_set_sidebar .J_set_menu_current:hover{ background-position:-60px -100px; color:#999;}

.J_content .J_set_sidebar ul{display:none;}
.J_content .J_set_sidebar li{ width:162px; height:26px; line-height:26px; font-size:12px; background:url(../image/yt3.png?version=2.210) -47px -76px  no-repeat;}
.J_content .J_set_sidebar li a{ display:block; width:162px; height:26px; line-height:26px; text-indent:30px; color:#E7E7E7; white-space:nowrap; }
.J_content .J_set_sidebar li a:hover{ background:url(../image/sidebar4.png?version=2.210) no-repeat; color:#FFF;}
.J_content .J_set_sidebar .J_current{ background:url(../image/sidebar4.png?version=2.210) 0 -26px no-repeat; color:#FFF;}
.J_content .J_set_sidebar .newli{text-indent:30px; display:block; width:162px; height:26px; line-height:26px;  text-decoration:none; font-size:12px; white-space:nowrap;background:url(../image/sidebar4.png?version=2.210) no-repeat; color:#000000}


/*content style*/
.J_subtab{ width:100%; height:30px; background:#898989; position:relative; z-index:0;}
.J_subtab .J_sub_list li{ float:left; width:147px; height:26px; margin:4px 6px 0 0; line-height:26px; overflow:hidden; background:#BABABA; font-size:14px; color:#373737; cursor:pointer; text-align:center;}
.J_subtab .J_sub_list .disabled{color:#ACA899; text-shadow:#FFF 1px 1px 0; }
.J_subtab .J_sub_list .J_current{ float:left; width:147px; height:26px; margin-right:6px; line-height:26px; overflow:hidden; background:#D5D5D5; font-size:14px; color:#373737; font-weight:bold;cursor:text;}
.J_subtab .J_sub_list .J_help_con{ float:right; width:22px; height:22px; margin:0 1px 0 0;}
.J_subtab .J_sub_list .J_help_con a{ display:block; width:22px; height:22px; background:url(../image/btnbar.png?version=2.210) -230px 0 no-repeat;}
.J_subtab .J_sub_list .J_help_con a:hover{ background-position:-230px -22px}

.J_sub_tabcon,.J_sub_top_tab{ padding:10px 20px 0 20px; text-align:left;}

.J_sub_top_tab ul{ width:100%; height:22px; overflow:hidden;}
.J_sub_top_tab ul li{  float:left; width:153px; height:22px; margin-right:6px; line-height:22px; background:#BFBFBF; font-size:12px; text-align:center; cursor:pointer;}
.J_sub_top_tab ul .J_current{ float:left; width:153px; height:22px; margin-right:6px; line-height:22px; background:#DA3231; color:#FFF; font-weight:bold; text-align:center;}

/*logManageConfig_style*/
.J_log_con{ height:24px; text-align:left;}
.J_log_con p{ float:left; margin:4px 5px 0 0; line-height:20px;}
.J_allkind_btn{ margin:0 5px;}

.J_timebox_title{ width:80px; height:22px; line-height:22px; padding-top:3px; text-align:right;}
.J_allkind{ width:80px; padding:5px 5px 0 0; text-align:right;}

.J_log_search{ clear:both; height:24px; padding:5px 0; margin:0; text-align:left;}
.J_log_search p{ float:left;} 
.J_allkind_select{ padding:2px 0 0 0; margin:0; text-align:left;}
.J_log_search .butnS{ margin:-2px 4px auto;}
.J_log_search_result{ height:22px; line-height:22px;}
.J_log_search_result span{ padding-right:4px;}
.J_sys_inf ul{ clear:both; width:100%;}
.J_sys_inf_title{ float:left; min-width:90px; _width:90px; height:20px; line-height:20px;}
.J_sys_inf_content{ float:left; line-height:20px;}

/*upgradeConfig_style*/
.J_upgrade{margin:24px 0 10px 60px;}
.J_upgrade span{ float:left; display:block;}
.J_upgrade .J_path{ width:300px; height:20px; line-height:20px; border:1px solid #A5A5A5; background:#FFF; padding:0 4px;}
.J_upgrade .J_wrap_label{ margin:2px 10px 0 0;}
.J_upgrade .J_wrap_label span{ padding-right:4px; margin-top:3px;}
.J_upgrade .J_btn_style,
.J_upgrade .J_btn_disable_style{ width:80px; margin:0;}
.J_upgrade .J_path, 
.J_upgrade .J_import , 
.J_upgrade .J_update{vertical-align: middle;}
.J_upgrade .J_wrap_btn{ width:82px; margin-right:10px; position:relative;overflow:hidden;height:26px;display:inline-block;vertical-align: middle;*height:28px;}
.J_upgrade .J_dahuaupgrade{ font-size:20px; width:82px; overflow:hidden; cursor: pointer; position: absolute; display: none; height: 30px; right:0px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; margin-left:-10px;}
.J_upgrade .J_btn_style1{border:1px solid #010102; width:80px; margin-top:0; background-position:0 -24px; color:#FFF;}
.J_upgrade_loading{ clear:both; margin-left:175px; margin-top:-30px; height:60px;}
.J_upgrade_loading span{ line-height:24px;}
.J_loading_bg{ width:251px; height:28px; background:url(../image/bar.png?version=2.210) repeat-x 0 0px;}
.J_loading_slider{width:16px; height:28px; background:url(../image/bar.png?version=2.210) no-repeat 0 -28px; overflow:hidden; cursor:pointer;}


/*autoMaintainConfig_style*/
.J_automat_select{ float:left; margin:0 4px 0 0;}


/*userManageConfig_style*/
.J_userul{ width:100%;}
.J_userul li{ float:left; min-width:120px; _width:120px;  margin-right:10px; line-height:20px;}
.J_user_checkcon{width:230px; height:95px; padding:5px; margin-left:0; overflow-y:auto; border:1px solid #A5A5A5; background:#FFF;}
.J_user_checkcon p{ line-height:20px;}
.J_user_checkcon p input{ float:left; display:block; margin:4px 4px 0 0;}
.J_user_checkcon .Unable{ color:#999;}
.J_user_checkcon .Unable input{ background:url(../image/noselect.png?version=2.210) 50% 50% no-repeat;}
.J_sub_con ul li table .J_tip_red{ height:28px; vertical-align:middle; line-height:14px;}
.J_Udelicon,.J_Uediticon,.J_Useticon,.J_editicontd span,.J_delicontd span{ display:block; width:16px; height:16px; margin:2px auto auto; background:url(../image/sidebar4.png?version=2.210) no-repeat}
.J_Udelicon,.J_delicontd span{ background-position:0 -287px;}
.J_Uediticon,.J_editicontd span{ background-position:-16px -287px;}
.J_Useticon{ background-position:-32px -287px;}

/*recordStorageConfig_style*/
.J_recors_tabcon{ float:left; width:47%; margin-right:20px;}
.J_recors_tabcon h1{ width:100%; height:24px; line-height:24px; font-size:12px; font-weight:bold;}
.J_recors_tab table{ width:100%; border:2px solid #C8C8C8;}
.J_recors_tab tr{ background:#E7E7E7;}
.J_recors_tab tr.cTr{ background:#C8C8C8;}
.J_recors_tab tr td{ height:26px; line-height:26px; text-align:center;}
.J_progress{ width:100%; margin:0 auto;}
.J_progresscon{display:inline-block; *display:inline; zoom:1;}
.J_progress_bg{ float:left; width:100px; height:15px; margin:4px 4px auto 0; background:url(../image/sidebar4.png?version=2.210) no-repeat 0 -134px;}
.J_prog_p{ height:15px; background:url(../image/btnbg.png?version=2.210) repeat-x 0 -168px; float:left;}


/*recordPlanConfig_style   &&  alarmConfig_style*/
.J_recordp_l{ float:left; width:660px; overflow:hidden;}
.J_recordp_r{ float:left; width:80px; margin:40px 0 0 -30px;}

.J_colortips{ width:620px;height:24px;}

.J_colortips p{ float:right; margin:2px 5px 0 0; color:#888;}
.J_colortips p span{ float:left;}
.J_colortips p span.J_tip_text{ padding:0 10px 0 4px;}
.J_block_green,.J_block_yellow,.J_block_red{ width:10px; height:10px; margin-top:2px; background:#00ff00; overflow:hidden;}
.J_block_yellow{ background:#ffff00;}
.J_block_red{ background:#ff0000;}

.J_recordp_lcon{ clear:both; display:inline-block;}

.J_recordp_week{ float:left; width:80px; padding-right:4px; margin-top:18px; text-align:right; background:url(../image/allline.png?version=2.210) no-repeat -566px -32px;}
.J_recordp_week ul li{list-style:none; height: 22px;margin-top: 8px;}
.J_recordp_time{ float:left; overflow:hidden; width:570px;}
.J_recordp_timecon{ height:18px;clear:both; background:url(../image/allline.png?version=2.210) 0 -10px no-repeat; padding-left:2px;}
.J_recordp_timecon ul li{ float:left; width:43px; text-align:left;list-style:none;}

.J_record_view{ width:530px; height:241px; background:url(../image/allline.png?version=2.210) -5px -32px no-repeat; position:relative; left:0; top:0;}
.J_record_view div{ position:absolute; height:9px; overflow:hidden;}

.J_recordp_inbox{ display:inline-block; padding:5px; border:1px solid #ABABAB; background:#E0E0E0;}

.J_alarm_r{ float:left; width:80px; margin:20px 0 0 -30px;}
.J_alarm_view{ width:530px; height:211px; background:url(../image/allline.png?version=2.210) -5px -32px no-repeat; position:relative; left:0; top:0;}
.J_alarm_view div{height:9px; overflow:hidden;}
.J_alarm_con{ clear:both; padding-top:10px;}
.J_alarm_inbox{ width:680px; display:inline-block; padding:5px; border:1px solid #ABABAB; background:#E0E0E0;}

#page_recordPlanConfig .schedule_canvas .schedule_general{ background:lime;}
#page_recordPlanConfig .schedule_canvas .schedule_motion{ background:yellow;}
#page_recordPlanConfig .schedule_canvas .schedule_alarm{ background:red;}

/*recordPlanConfig_calendar_style*/
.J_calendar{ clear:both; width:280px; height:250px; padding-bottom:10px; border:2px solid #4F4F4F; background:#CBCBCB;}
.J_calendar_con{ width:280px; height:30px; background:#4F4F4F; text-align:left; }
.J_calendar_txt{ float:left; line-height:30px; padding-left:5px; color:#FFF; font-weight:bold;}
.J_calendar_mouth{ float:right; margin:2px 5px 0 0;}

.J_weekdays { width:260px;  height:25px; margin-top:10px; overflow:hidden; padding-left:20px;}
.J_weekdays li{ float:left; width:26px; height:25px; line-height:25px; margin-right:10px; text-align:center; color:#373737; font-weight:bold;}

.J_everydays{ clear:both; width:260px; margin:0 auto; padding-left:20px;}
.J_everydays li{ float:left; width:26px; height:25px; line-height:25px; padding-bottom:5px; margin-right:10px;}
.J_everydays li a{ display:block; width:26px; height:25px; line-height:25px;  text-decoration:none; color:#373737; text-align:center; background:url(../image/sidebar4.png?version=2.210) no-repeat 0 -165px;}
.J_everydays li a:hover{ background-position:-26px -165px;}
.J_everydays li a.anow{ background-position:-52px -165px; color: #FFF;}
.J_everydays li a.atoday{ background-position:0 -165px; font-weight:bold;}
.J_everydays li a.anoh{  background-position:0 -165px; color:#999;}
.J_calender_select{ min-width:60px; _width:60px;}


/*WIFI_style*/
.J_wifi_con{ padding-left:5px;} 
.J_wifi_con ul{ width:100%; _display:inline;}
.J_wifi_con ul li{ line-height:22px;}
.J_wifi_result,.J_wps_result{  padding-left:15px; color:#006600; font-size:14px; font-weight:bold;}
.J_wifi_result{float:left; display:block;}
.J_wifi_span_title{ float:left; display:block;}
.J_signbox a{ display:block; margin:2px auto; width:16px; height:16px; background:url(../image/sidebar4.png?version=2.210) no-repeat;}
.J_signbox a.sign0{ background-position:0 -262px;}
.J_signbox a.sign1{ background-position:-16px -262px;}
.J_signbox a.sign2{ background-position:-32px -262px;}
.J_signbox a.sign3{ background-position:-48px -262px;}
.J_signbox a.sign4{ background-position:-64px -262px;}
.J_signbox a.sign5{ background-position:-80px -262px;}
/*wps_style*/
.J_setright{ display:inline-block; width:100%;overflow:hidden; padding-bottom:10px; text-align:left; background:#D5D5D5;}
.J_wifi_wps_box { line-height: 28px; margin-top: -10px; padding: 10px 24px 0; text-align: left; }
.J_wifi_wps_box .J_wps_h2 { font-size: 12px; font-weight: normal; }
.J_button_set a { margin-right: 10px; }
.black{ color:#000;}
.flash_time_head{width:100px;text-align:left;}
.flash_time_head label{vertical-align: middle;}
.flash_day{line-height:35px;}
.flash_day li{float:left;}
.flash_day .flash_day_input div{float: left;margin-right: 2px;}
.flash_time{line-height:36px;}
.flash_time li{float:left;}
.flash_input_time{ width:82px; height:20px; line-height:20px; padding:0; text-align:center; border:1px solid #A5A5A5; background:#FFF;}
.flash_day_input label{vertical-align: middle;} 
/*pir*/
.J_pir_flash_button{width:70px; height:24px;line-height:24px; margin-right:15px; overflow:hidden;cursor:pointer;background:url(../image/onIcon.png) 0 0 no-repeat;}
.J_pir_flash_button li{float:left;width:35px;height:24px;}
.J_pir_flash_button_on{ background:url(../image/onIcon.png) 0 -24px no-repeat;}

/*emailConfig_style*/
.addicon{ float:left; display:block; width:22px; height:22px; margin-top:2px; *margin-top:0; background:url(../image/yt2.png?version=2.210) 0 -90px no-repeat;}
.addicon:hover{ background-position:-22px -90px;}
.addicon1{ float:left; display:block; width:22px; height:22px; margin-top:2px; *margin-top:0; background:url(../image/yt2.png?version=2.210) -44px -90px no-repeat;}
.delicon{ float:left; display:block; width:22px; height:22px; background:url(../image/yt2.png?version=2.210) 0 -112px no-repeat;}
.delicon:hover{ background-position:-22px -112px;}
.delicon1{ float:left; display:block; width:22px; height:22px; background:url(../image/yt2.png?version=2.210) -44px -112px no-repeat;}
.J_email{ width:210px;overflow:hidden;}
.J_email_address{ float:left; width:204px; height:60px; border:1px solid #A5A5A5; background:#FFF; overflow-y:auto; overflow-x:hidden;}
.J_email_address p{ line-height:16px; padding-left:4px;}

/*encodeConfig_style*/
.J_sub_encode{ padding:10px 0 0 10px;}
.J_encode_title{ width:385px; height:26px; background:#C2C2C2; font-weight:bold; text-indent:10px;}
.J_vedioosd_left{ float:left; width:500px; margin:0 10px 0 0;}
.J_vedioosd_right{ float:left; margin-top:10px;}
.J_vedioosd_right ul{ width: 250px;}
.J_vedioosd_vedio{position: relative; top:0;left:0; width:500px; height:374px; }
.titleC,.titleT{ position:absolute; z-index:10; width:100px; height:20px; line-height:20px; color:#000; cursor: move; background-color:#fbbe16; text-align:center;}
.titleT{ width:160px; background-color:#fffc00;}
.J_video_area{z-index:3;width:500px;height: 374px;position:absolute;top:0;left:0;overflow: hidden; background:#000; }

/*videoDetectConfig_style*/
.J_videoZone_l{ float:left; margin:10px 4px 0 0; padding-left:10px;}
.J_videoZone_r{ float:left; width:260px; margin-top:20px;}
.J_videoZone_r h3{text-align: left; margin: 0 6px 20px 12px; padding: 4px 0 4px 8px; background: #C2C2C2; }
.videoDetect_region_header{ position: relative; margin-bottom: 20px;}
.videoDetect_region_header h3{text-align: left; padding: 4px 0 4px 8px; background: #C2C2C2; height: 22px; line-height: 22px; margin: 0;}
.videoDetect_region_header .videoDetect_regions{ position: absolute; height: 30px; top: 0; right: 0; text-align: right; width: 145px;}
.videoDetect_regions li{  margin: 0; }
.videoDetect_regions a{
    display: block;
    height: 15px;
    width: 30px;
    padding: 7px 0 8px 0;
    line-height: 15px; 
}
.videoDetect_regions span{
    display: block;
    width: 15px;
    margin: 0 auto;
    text-indent: -10000px;
}
.videoDetect_region_0 span{ background: #ff2d11;}
.videoDetect_region_1 span{ background: #ffe011;}
.videoDetect_region_2 span{ background: #06c8f9;}
.videoDetect_region_3 span{ background: #3dff00;}
.videoDetect_current_region{background: #EAEAEA;}
.videoDetect_current_region span{ border: 1px solid #71716F;}
.J_videoZone_r ul{ height:50px;}
.J_videoZone_r ul li{ margin-right:4px;}
.J_videoZone_r ul li.J_vedoDet_text{ width:100px; _width:90px; text-align:right;}

.detZone{ position:absolute; left:0px; top:0px; z-index:8; width:500px; height:374px;}
.detZone0{ position:absolute; left:0px; top:0px; width:500px; height:374px;}
.J_vedio_border{ border:1px solid #000;}
#videoDetect_MotionFigure_wrap{position: relative; margin: 20px 0 0 12px; overflow: hidden; width:242px; height: 102px; background: url(../image/motion_figure.png?version=2.210); }
#videoDetect_MotionFigure{position: relative; height: 102px; left: 0px; }
#videoDetect_MotionFigure_threshold{position: relative; height: 1px; background: #000; }
#videoDetect_MotionFigure div{position: absolute; bottom: 1px; width: 1px; background: #009900; }
#videoDetect_MotionFigure div.motion{ background: #ff0000;}
/*此处是区域画块JS调用样式
.td0{ background:#A6E9FF; -moz-opacity:.9; opacity:.9; filter:alpha(opacity=90)}
.td1{ background:#A6E9FF; -moz-opacity:0; opacity:0; filter:alpha(opacity=0)}
*/

/*此处encodeConfig vedio osd 和 videoDetectConfig vedio area 共用*/
.J_vedioosd_vediocon{position: relative; top:0;left:0; width:500px; height:374px; overflow:hidden;}
.J_vedioosd_controlcon{ width:500px; height:30px; background:#C2C2C2;}
.J_vedioosd_controlcon a{ margin-top:4px;}
.J_con_text{ float:left; height:30px; line-height:30px;}

/*camerConfig_style*/
.J_camera{ padding:10px 0 0 10px;}
.J_camera_left{ float:left; width:450px;}
.J_camera_right{ float:left;}
.J_camera_right label{vertical-align: middle;}
.J_camera_right ul li{ overflow:hidden; margin-right:2px;}
.J_camera_video{width:450px; height:337px; position: relative; left: 0; top: 0;overflow:hidden;}
.J_set_video{ width:450px; height:337px; position: absolute; left: 0; top: 0; background:#000; overflow:hidden;}
.J_camera_full_screen{ width:450px; height:24px; background:#252525;}
.J_camera_full_screen li{ float:left; width:24px; height:17px; margin:3px 0 0 6px;display:inline;}
.J_camera_full_screen li a{ display:block; width:24px; height:17px; background:url(../image/yt3.png?version=2.210) no-repeat;}
.J_camera_full_screen li .J_screen_button{ background-position:0 -207px;}
.J_camera_full_screen li .J_screen_button:hover{ background-position:0 -224px;}
.J_camera_right ul li.line_short{ width:340px; height:10px; background:url(../image/allline.png?version=2.210) -70px 0 no-repeat;}

.J_sepcial_position{ position:relative; left:0; top:0;}
.J_sepcial_slider_box{ width:166px;}
.J_sepcial_slidercon{ width:154px; height:19px; margin:2px 0 0 6px; background:url(../image/bgx.png?version=2.210) 0 -19px repeat-x; overflow:hidden;}

.J_camera_btn_left,.J_camera_btn_right{ position:absolute; left:0; top:2px; *top:4px; width:7px; height:16px; background:url(../image/timeslider.png?version=2.210) -1px -74px no-repeat;}
.J_camera_btn_right{ background-position:-8px -74px; left:7px;}

.J_button_icon{ display:block; width:24px; height:24px; background:url(../image/yt2.png?version=2.210) no-repeat;}
.J_icon1{ background-position:-53px -292px;}
.J_icon2{ background-position:-53px -316px;}
.J_icon3{ background-position:-53px -340px;}
.J_icon5{ background-position:-53px -364px;}
.J_icon4{ background-position:-53px -388px;}

.J_camera_nolight a{ display:block; width:22px; height:16px; margin-top:-20px; margin-left:155px; background:url(../image/yt3.png?version=2.210) 0 -386px no-repeat;}
.J_camera_nolight a:hover,.J_camera_nolight a.nolight1{ background-position:-22px -386px;}

a.dayicon{ float:left; display:block; width:40px; height:27px; margin-right:10px; background:url(../image/daynight.png?version=2.210) 0 0 no-repeat;}
a.dayicon:hover{ background-position:-40px 0;}
a.dayicon1{ float:left; display:block; width:40px; height:27px; margin-right:10px; background:url(../image/daynight.png?version=2.210) -40px 0 no-repeat;}
a.nighticon{ float:left; display:block; width:40px; height:27px; background:url(../image/daynight.png?version=2.210) -80px 0 no-repeat;}
a.nighticon:hover{ background-position:-120px 0;}
a.nighticon1{ float:left; display:block; width:40px; height:27px; margin-right:10px; background:url(../image/daynight.png?version=2.210) -120px 0 no-repeat;}


.J_time_content{ width:612px; margin:30px 5px 5px; height:23px; position:relative; left:0; top:0;}
.J_timmbox{ position:absolute; top:-22px;left:120px; z-index:40px; width:40px; height:18px; line-height:18px; text-align:center; border:1px solid #4f4f4f; background:#e5e4e4;}
.J_time_bar{ width:600px; height:23px; position:absolute;}
.J_time_night{ width:574px; height:23px; margin-left:13px; background:url(../image/timebar.png?version=2.210) repeat-x 0 3px;}
.J_time_day{position:absolute; width:574px; height:23px; margin:-20px 0 0 0; background:url(../image/timebar.png?version=2.210) repeat-x 0 -32px;}
.J_time_line{ position:absolute; left:12px; top:4px; z-index:15; width:576px; height:17px; background:url(../image/timeline.png?version=2.210) repeat-x; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}

.J_time_lbar{ position:absolute; left:0px; top:1px; z-index:20; width:13px; height:23px; background:url(../image/timeslider.png?version=2.210) no-repeat -13px 0; overflow:hidden; cursor:pointer;}
.J_time_rbar{ position:absolute; left:576px; top:1px; z-index:20; width:13px; height:23px; background:url(../image/timeslider.png?version=2.210) no-repeat 0 0; overflow:hidden; cursor:pointer;}
.J_time_num{ width:620px; height:20px; margin-left:12px;}
.J_time_num ul li{ float:left; width:40px; padding-right:56px; height:20px; line-height:20px; margin-right:0; text-align:left;}
.J_time_num ul li.last_one{ padding-right:0;}

.J_time_tips{ width:620px; height:24px; margin:10px 0 0 12px;}
.J_time_tips ul li{ height:24px; line-height:24px; background:url(../image/timeslider.png?version=2.210) no-repeat 0 -23px; text-indent:15px; padding-right:10px;}
.J_time_tips ul li.tipimg1{ background-position:0 -23px;}
.J_time_tips ul li.tipimg2{ background-position:0 -47px;}

/*DDNSConfig_style*/
.J_upnp_statusp{ float:left; width:205px; position:relative; left:0; top:0;}
.J_upnp_status{ position:absolute; left:0px; top:0px; padding:0; border:2px solid #95989D; background:#FFF;}
.J_upnp_status h1{ width:205px; height:20px; line-height:20px; background:#95989D;text-indent:10px; color:#FFF; font-size:12px; font-weight:bold;}
.J_upnp_status ul{ display:inline-block; width:205px; margin:0; padding:0; background:#FFF;}
.J_upnp_status ul li{ clear:both; width:200px; padding:5px 0 0 5px; line-height:16px;}
.J_upnp_status ul li .J_upnp_litext{ float:left; width:125px; _width:120px; word-wrap:break-word; line-height:16px;}
.J_upnp_status ul li .J_upnp_livalue{ float:right; width:65px; text-align:left; line-height:16px;}
.J_color_green{ color:#0d4b00;}
.J_color_red{color:#741415;}

/*ipAuthorityConfig_style*/
.J_ipauthor_con{ padding:10px 0 0;}
.J_ipbox{ width:158px; height:20px; padding:0px; margin:2px 4px 0 0; border:1px solid #A5A5A5; background:#FFF; text-align:left;}

/*logManageConfig_style*/
.J_log_ul{ margin-left:5px;}
.J_log_ul ul{ width:100%; clear:both;}

/*3gnetConfig_style*/
.J_3g_tabcon{ padding:10px 0 0;}
.J_3g{ float:left; width:240px; padding-left:10px;}
.J_mobile_con{ width:150px; padding-left:80px;}
.J_mobileinput{ float:left; width:124px;}
.J_sub_con .J_mobilebox{ float:left; width:114px; height:200px; line-height:20px; padding-left:4px; margin-right:4px; border:1px solid #A5A5A5; background:#FFF; overflow-y:scroll;}
.J_sub_con .J_mobilebox li{ clear:both;}
.J_mobileicon{ float:left;}
.J_progressLine{ float:left; display:block; width:120px; height:10px; margin:8px 10px auto auto; border:1px solid #C5C5C5; background:#FFF;}
.J_color_green{ display:block; width:0px; height:10px; background:green;}

/*backupConfig_style*/
.J_positon01{ float:left; width:100%; position:relative; left:0; top:0;}
.J_positon02{ position:absolute; left:0px; top:0;}

/*sdCameraConfig_style*/
.J_content_div{ padding:10px 0 0 10px;}
.J_content_left{ float:left; width:387px; height:435px; }



.J_content_center{ float:left; width:100px;}
.J_content_right{ float:left;}

.J_func_video{width:380px; height:285px; position: relative; left: 0; top: 0;overflow:hidden; }
.J_func_set_video{ width:380px; height:285px;position: absolute; left: 0; top: 0; background:#000; overflow:hidden;}

.J_camera{ padding:10px 0 0 10px;}
.J_camera_left{ float:left; width:450px;}
.J_camera_right{ float:left;}
.J_camera_right label{vertical-align: middle;}
.J_camera_right ul li{ overflow:hidden; margin-right:2px;}
.J_camera_video{width:450px; height:337px; position: relative; left: 0; top: 0;overflow:hidden;}
.J_set_video{ width:450px; height:337px; position: absolute; left: 0; top: 0; background:#000; overflow:hidden;}




.J_camera_controlicon{ width:380px; height:24px; background:#373737;}
.J_camera_controlicon li{ float:left; width:24px; height:17px; margin:3px 0 0 6px;display:inline;}
.J_camera_controlicon li a{ display:block; width:24px; height:17px; background:url(../image/yt3.png) no-repeat;}
.J_camera_controlicon li .J_snap_icon{ background-position:0 -32px;}
.J_camera_controlicon li .J_snap_icon:hover{ background-position:0 -49px;}
.J_camera_right ul li.line_short{ width:340px; height:10px; background:url(../image/allline.png) -70px 0 no-repeat;}

.J_saxless,.J_saxmore{ float:left; display:block; width:20px; height:16px; margin-top:4px; background:url(../image/pbbbtn.png) 0 -477px no-repeat;}
.J_saxless:hover{ background-position:-20px -477px;}
.J_saxmore{ background-position:0 -461px; margin-left:5px;}
.J_saxmore:hover{ background-position:-20px -461px;}

.J_func_control{ width:380px; margin-top:5px;}
.J_func_control_left{ float:left; margin-left:20px;}
.J_func_control_right{ float:left; width:150px; margin-left:50px; margin-top:12px;}
.J_func_right_btn{width:150px; height:35px; margin:0; padding:0;}

.J_func_list{ width:100px; min-height:270px;}
.J_func_list li{ width:100px; height:26px; overflow: hidden; word-wrap:break-word;}
.J_func_list li.J_func_adjust_li{ margin-bottom:10px; background:#B4B4B4;}
.J_func_list li a{ display:block; width:100px; height:26px; line-height:26px; text-indent:20px; background:url(../image/fuclistbg.png) no-repeat 0 0px; color:#373737}
.J_func_list li a:hover{ background-position:-110px 0;}
.J_func_list li a.linow{ background-position:0 -28px; color:#FFF; font-weight:bold;}
.J_daynight_mode{ width:300px; height:26px; margin-bottom:10px; background:#B4B4B4;}
.J_daynight_mode ul li{ float:left; height:20px; line-height:20px; margin-top:3px;}
.J_daynight_mode ul li.li_text{ width:100px; text-align:right; padding-right:10px; font-weight:bold;}
.J_func_adjust{width:100px; height:26px; margin-bottom:10px; background:#B4B4B4;}

.J_items{ width:290px; height:420px; padding-left:10px; background:url(../image/newintebg.png) repeat-y 0 0;}
.J_items ul{ width:100%; clear:both; }
.J_items ul li{ float:left; margin-bottom:5px; margin-top:4px;}
.J_items ul li.li_text, .J_items ul li.li_text2{ width:90px; height:20px;line-height: 20px; text-align:right; padding-right:10px; word-wrap:break-word;}
.J_items ul li.li_text2{width:100px; } 
.J_items ul li.line{ margin-left:25px; width:240px; height:4px; background:url(../image/splitline.png?version=2.210)  no-repeat 0 0;}
.J_items ul li.li_value{ line-height: 16px; margin-top:8px; margin-left: 4px;}
.J_items ul li.li_valuex{ line-height:16px; margin-top:6px;  margin-left: 4px;}
.J_items ul li.li_chkrad{padding-right:4px; margin-top:7px;} 
.J_items_btn{ clear:both; overflow:hidden; padding:10px 0 0 100px;}
.J_items_btn1{ clear:both; height:26px; overflow:hidden;  padding:5px 0 0 90px;}
.J_items_btn2{ clear:both; height:26px; overflow:hidden; padding:5px 0 0 20px;}     
.J_clear{ clear:both;}
.J_inputp{ clear:both; height:20px; padding-top:2px;}
.J_inputp span{ float:left; display:block; margin-top:2px;}
.J_lilabel{ float:left; display:block; width:45px; padding-left:4px; margin-top:2px;}
.J_lilabelx{ float:left; display:block; padding-left:4px; padding-right:10px; margin-top:2px;}

.J_item_ptime{ width:159px; height:20px; border:1px solid #A5A5A5; background:#FFF; padding-left:4px;}
.J_item_ptime span{ float:left; display:block;}
.J_item_ptime .inp_timestyle{ width:30px; height:16px; line-height:16px; border:none; text-align:center;}
.J_item_ptime .maohao{ margin:0 4px;}

a.J_Fbtn_style,a.J_Fbtn_style5{ float:left; display:block; width:78px; height:24px; margin-right:5px; line-height:24px; overflow:hidden; border:1px solid #464646; background:url(../image/btnbg.png) repeat-x; color:#000; font-size:12px; cursor:pointer; text-align:center;}
a.J_Fbtn_style:hover,a.J_Fbtn_style1{ border:1px solid #010102;  background-position: 0 -72px;}
a.colorgray{color:#949494;}

a.J_Fbtn_style2,a.J_Fbtn_style4{ float:left; display:block; width:80px; height:24px; padding-left:0; margin:0px 2px 0px auto;line-height:24px; overflow:hidden; border:1px solid #464646; background:url(../image/btnbg.png) repeat-x; color:#000; font-size:12px; cursor:pointer; text-align:center;}
a.J_Fbtn_style2:hover,a.J_Fbtn_style3{ border:1px solid #010102;  background-position: 0 -72px;}
a.colorgray{color:#949494;}
.J_items_btn a{ float:left; display:block; width:80px; height:21px; *height:19px; padding-top:5px; *padding-top:7px; margin-right:5px; background:url(../image/fuclistbg.png) no-repeat 0 -56px; color:#373737;text-align:center; overflow:hidden;}
.J_items_btn a.J_addbtn{ background-position:0 -56px;}
.J_items_btn a.J_addbtn:hover,.J_items_btn a.J_addbtn1{ background-position:0 -82px;}
.J_items_btn a.J_addbtn2{ background-position:0 -238px;}

.J_items_btn a.J_delbtn{ background-position:-80px -56px;}
.J_items_btn a.J_delbtn:hover,.J_items_btn a.J_delbtn1{ background-position:-80px -82px;}
.J_items_btn a.J_delbtn2{ background-position:-80px -238px;}

.J_items_btn a.J_clearbtn{ background-position:-160px -56px;}
.J_items_btn a.J_clearbtn:hover,.J_items_btn a.J_clearbtn1{ background-position:-160px -82px;}
.J_items_btn a.J_clearbtn2{ background-position:-160px -238px;}

.J_items_btn a.J_drawbtn{ background-position:-240px -56px;}
.J_items_btn a.J_drawbtn:hover,.J_items_btn a.J_drawbtn1{ background-position:-240px -82px;}
.J_items_btn a.J_drawbtn2{ background-position:-240px -238px;}

.J_items_btn a.J_startbtn{ background-position:0 -108px;}
.J_items_btn a.J_startbtn:hover,.J_items_btn a.J_startbtn1{ background-position:0 -134px;}
.J_items_btn a.J_startbtn2{ background-position:0 -212px;}

.J_items_btn a.J_stopbtn{ background-position:-80px -108px;}
.J_items_btn a.J_stopbtn:hover,.J_items_btn a.J_stopbtn1{ background-position:-80px -134px;}
.J_items_btn a.J_stopbtn2{ background-position:-80px -212px;}

.J_items_btn a.J_setbtn{ background-position:-160px -108px;}
.J_items_btn a.J_setbtn:hover,.J_items_btn a.J_setbtn1{ background-position:-160px -134px;}
.J_items_btn a.J_setbtn2{ background-position:-160px -212px;}

.J_items_btn a.J_savebtn{ background-position:-240px -108px;}
.J_items_btn a.J_savebtn:hover,.J_items_btn a.J_savebtn1{ background-position:-240px -134px;}
.J_items_btn a.J_savebtn2{ background-position:-240px -212px;}

.J_items_btn a.J_refreshbtn{ background-position:0 -160px;}
.J_items_btn a.J_refreshbtn:hover,.J_items_btn a.J_refreshbtn1{ background-position:0 -186px;}
.J_items_btn a.J_refreshbtn2{ background-position:-80px -186px;}

.J_items_btnpadt5{ padding:5px 0 0;}

.J_input_stylemin{ width:100px; height:16px; border:1px solid #A5A5A5; text-align:center;}


.J_td_wid80{ width:80px; text-align:center; overflow:hidden;}
.J_td_wid120{ width:120px; text-align:center; overflow:hidden;}
.J_td_wid140{ width:140px; text-align:center; overflow:hidden;}

.J_amorebtn,.J_alessbtn{ display: inline; width:28px; height:28px; background:url(../image/sidebar4.png) 0 -199px no-repeat; float:left; margin:3px 0px 0 0;}
.J_amorebtn:hover{ background-position:-28px -199px;}
.J_atext{ width:55px; height:28px;float:left; line-height:28px; font-size:12px; color:#373737;text-decoration:none;margin:3px 0px; text-align:center;}
.J_alessbtn{background-position:0 -227px; }
.J_alessbtn:hover{background-position: -28px -227px;}

/*球机云台设置*/
.J_table_input{height:18px; border:1px solid #A5A5A5; text-align:center;}
.J_table_text{margin:0 auto; height:20px;  line-height:20px;overflow:hidden; cursor:text; text-align:center; overflow:hidden;}
.J_li_pspan{ width:180px;}
.J_li_pspan span{ display:inline-block; padding:2px 2px 2px 0; *padding-top:1px; }
.J_li_pspan span input{ outline:none; blr:expression(this.onFocus = this.blur());}
.J_li_pspan label {line-height:20px;  white-space:nowrap;  margin-top: 0px;}
.J_li_pspan span.minwidth50{min-width:85px;}
.J_li_pspan div.width120{width:120px;}
.J_sdcamera_btn{ clear:both; margin-left:12px; padding-top:10px;}
.estopAll30{ position:absolute; top:0; left:0; background:#FFF; opacity:0.3; filter:alpha(opacity=30);}
.estopAll{ position:absolute; top:0; left:0; background:#FFF; opacity:0; filter:alpha(opacity=0);}


/*intellentConfig_style*/
.J_scene_left{ float:left; width:402px;}
.J_scene_vedioNode{ width:402px; height:302px; background:#000; position: relative; left: 0; top: 0; overflow:hidden;}
.J_scene_vediobox{ width:400px; height:300px; position: absolute; left:1px; top:1px; overflow:hidden; background:#000;}
.J_scene_boatbox{ width:402px; margin-top: 10px;}

.J_boat{width:80px; height:80px; margin-top:4px; background:url(../image/boat1.png?version=2.210) no-repeat 0 0px; text-align:left; overflow:hidden;}
.J_boat div{ position:relative; width:40px; height:25px; text-align:left; cursor:pointer;}
.J_boat .boat1{ top:2px; left:20px;}
.J_boat .boat2{ top:-5px; left:0px; width:30px; height:35px;}
.J_boat .boat3{ top:-35px; left:30px; width:22px; height:22px; }
.J_boat .boat4{ top:-58px; left:48px; width:30px; height:36px;}
.J_boat .boat5{ top:-66px; left:20px;}
.img1{background-position:0 -80px;}
.img2{background-position:0 -160px;}
.img3{background-position:0 -240px;}
.img4{background-position:0 -320px;}
.img5{background-position:0 -400px;}
.img6{background-position:0 -480px;}

.J_scene_addicon,.J_scene_reduceicon{ float:left; display:block; width:28px; height:28px; background:url(../image/sidebar4.png?version=2.210) no-repeat 0 -199px;}
.J_scene_addicon:hover{ background-position:-28px -199px;}
.J_scene_addicon.disabed{ background-position: 0 -308px;}
.J_scene_reduceicon{ background-position:0 -227px;}
.J_scene_reduceicon:hover{ background-position:-28px -227px;}
.J_scene_reduceicon.disabed{background-position: 0 -336px;}
.J_scene_text{ float:left; width:70px; height:28px; line-height:28px; text-align:center;}
.J_scene_right{ float:left; padding-left:10px; width:380px;}
.J_scene_tabbox{ width:100%; height:22px;}
.J_scene_tabbox li{ float:left; width:153px; height:22px; line-height:22px; margin-right:6px; background:#BFBFBF; font-size:12px; text-align:center; cursor:pointer;}
.J_scene_tabbox li.linow{ background:#DA3231; color:#FFF; font-weight:bold;}
.J_scene_tabbox li.liright{ float:right; width:250px; height:26px; line-height:26px; margin-top:-8px; margin-right:0; background:#D5D5D5;}
.J_scene_tabbox li.liright span{ float:right; display:block; margin-right:4px;}
.J_btn_copy{ float:right; width:50px; margin:0;}

.J_scene_tabbox_con{ width:380px; height:280px;}
.J_scene_tabbox_items{ width:370px; height:241px; background:#D5D5D5;}
.J_scene_name,.J_scene_only_name{ display:block; width:100px; margin:0 auto; word-break:break-all; word-wrap:break-word; text-align:center; height:20px; overflow:hidden; cursor:text;}
.J_scene_only_name{ width:250px; cursor:default;}

.J_scene_setcon{ width:380px; clear:both;}
.J_scene_set_item{ float:left; width:190px; height:26px;  margin:0 0 10px 0; overflow:hidden;}
.J_scene_set_item span{ float:left; display:block; width:70px; line-height: 26px;}
.J_scene_set_item a{ width: 50px; margin: 0 4px 0 0;}
.J_scene_setbtn{ float:left; display:block; width:42px; height:20px; line-height:20px; background:url(../image/sidebar4.png?version=2.210) no-repeat -110px -134px; text-align:center;text-decoration:none; margin-right:4px; color:#000;}
.J_scene_setbtn:hover{ background-position:-110px -154px;}
.J_scene_acon{ line-height:30px; font-weight:bold;}
.J_scene_acon_disable{color:#ACA899; text-shadow:#FFF 1px 1px 0;}

/*intellentConfig_rule_style*/
.J_rule_rightbox { margin: -302px auto 0 412px; width: 470px;} 
.J_rule_content{ width:882px; padding-top:15px; position:relative; left:0; top:0;}
.J_rule_set{ height:200px; padding:5px 0 0 5px; border:1px solid #4F4F4F;}
.J_rule_set h1{ width:100%; height:20px; line-height:20px; font-weight:bold; font-size:12px; }
.J_rule_set li.liright{ float:right; width:400px; height:26px; line-height:26px; margin-top:-8px; margin-right:4px; background:#D5D5D5;}
.J_rule_set li.liright span{ float:right; display:block; margin-right:4px;}
.J_rule_right{ float:left;}
.J_rule_right h1{ width:100%; height:20px; line-height:20px; font-weight:bold; font-size:12px; }
.J_rule_date{ float:left; margin-right:10px;}
.J_rule_date span{ line-height:24px;}
.J_rule_span_item{ float:left; display:block; width:90px;}
.J_rule_span_item1{ float:left; display:block;}
.J_rule_borderck{ border:1px solid #A5A5A5; width:150px; height:20px; background:#FFF; padding:4px;}
.J_rule_borderck p{ float:left; width:74px;}
.J_rule_right p{ clear:both; line-height:24px;}
.J_ruler_left{ position:absolute; left:0; top:15px;}
.J_ruler_filter{ clear:both; width:375px; padding-top:5px;}
.J_rule_public{ clear:both; width:375px;}
.J_rule_public ul li{ float:left; line-height:26px; margin-bottom:2px; margin-right:4px;}
.J_ruler_filter h1 input{ float:left; display:block; margin-top:4px; *margin-top:0px; margin-right:4px;}
.J_ruler_filter h1 label{ float:left; display:block;}
.J_parameter_btn{ clear:both;}
.J_boldline{ width:380px; border-top:1px solid #B5B5B5; font-weight:bold;}
.J_sliderbg{ float:left; width:80px; height:15px; margin-top:7px; background:url(../image/sidebar4.png?version=2.210) no-repeat -64px -204px;}
.J_slderblock{ width:7px; height:15px; background:url(../image/sidebar4.png?version=2.210) no-repeat -68px -227px;}
.J_slderdisable{ position:absolute; top:220px; left:250px; width:300px; height:70px; background:#FFF; opacity:0; filter:alpha(opacity=0);}
/*.NewVedioP1{position:absolute; top:37px; *top:50px; left:184px; width:400px; height:300px; background:#7f7f7f;}
.NewVedioP2{position:absolute; top:240px; *top:253px; left:190px; width:400px; height:300px; background:#7f7f7f;}
*/

.J_formtitle{ clear: both; font-weight: bold;}

/*ATM*/
.fn-relative { position:relative; left: 0; top: 0;}
.atm-tabpos { position: absolute; left: 350px; top:40px; width: 400px;}

/* all public style */
.J_float_l{ float:left; display:block;}
.J_floatr{ float:right;}
.J_clearb{ clear:both;}
.J_hidden{ overflow:hidden;}
.liney{ background:url(../image/lineZ.png?version=2.210) 0 -238px no-repeat;}
.J_tip_red{ color:#b20101;}
.J_tip_green{ color:#45ac00;}
.J_colorgray{ color:#373737;}
.J_blodtext{ font-weight:bold;}
.J_hide{display:none;}
.J_cursor_text{ cursor:text;}
.J_word_wrap{ word-wrap:break-word; word-break:break-all;}
.J_textcenter{text-align: center;}

 .J_padall0{ padding:0;}
.J_padall6{ padding:6px;} 
.J_padall10{ padding:10px;} 
.J_padtb10{ padding:10px 0 0;}
.J_padlr10{ padding: 0 10px;}
.J_padl18{ padding-left:18px;}
.J_padl20{ padding-left:20px;}
.J_padl26{ padding-left:26px;}
.J_padl40{ padding-left:40px;}
.J_padl50{ padding-left:50px;}
.J_padl148{ padding-left:148px;}
.J_padl150{ padding-left:150px;}
.J_padl210{ padding-left: 210px;}
.J_padt0{ padding-top:0;}
.J_padt5{ padding-top:5px;}
.J_padt10{ padding-top:10px;}
.J_padt14{ padding-top:14px;}
.J_padt50{ padding-top:50px;}
.J_padb0{ padding-bottom:0;}
.J_padb10{ padding-bottom:10px;}

.J_mart0{ margin-top:0;}
.J_mart2{ margin-top:2px;}
.J_mart4{ margin-top:4px;}
.J_mart5{ margin-top:5px;}
.J_mart6{ margin-top:6px;}
.J_mart10{ margin-top:10px;}
.J_mart28{ margin-top:28px;}
.J_mart30{ margin-top:30px;}

.J_marl0{ margin-left:0px;}
.J_marl5{ margin-left:5px;}
.J_marl10{ margin-left:10px;}
.J_marl20{ margin-left:20px;}
.J_marl50{ margin-left:50px;}
.J_marl80{ margin-left:80px;}
.J_marl100{ margin-left:100px;}
.J_marl110{ margin-left:110px;}
.J_marl130{ margin-left:130px;}
.J_marl150{ margin-left:150px;}
.J_marl175{ margin-left:175px;}
.J_marl180{ margin-left:180px;}
.J_marl230{ margin-left:230px;}
.J_marb4{ margin-bottom:4px;}
.J_marb10{ margin-bottom:10px;}
.J_marr4{ margin-right:4px;}
.J_marr10{ margin-right:10px;}
.J_marr20{ margin-right:20px;}

.J_wid8p{ width:8%;}
.J_wid10p{ width:10%;}
.J_wid14p{ width:14%;}
.J_wid15p{ width:15%;}
.J_wid20p{ width:20%;}
.J_wid23p{ width:23%;}
.J_wid25p{ width:25%;}
.J_wid30p{ width:30%;}
.J_wid40p{ width:40%;}
.J_widp49{ width: 49%;}
.J_wid50p{ width:50%;}
.J_wid71p{ width:71%;}

.J_width10{ width:10px;}
.J_width24{ width:24px;}
.J_width35{ width:35px;}
.J_width40{ width:40px;}
.J_width50{ width:50px;}
.J_width55{ width:55px;}
.J_width62{ width:62px;}
.J_width70{ width:70px;}
.J_width71{ width:71px;}
.J_width74{ width:74px;}
.J_width76{ width:76px;}
.J_width80{ width:80px;}
.J_width100{ width:100px;}
.J_width114{ width:114px;}
.J_width120{ width:120px;}
.J_width140{ width:140px;}
.J_width150{ width:150px;}
.J_width156{ width:156px;}
.J_width160{ width:160px;}
.J_width165{ width:165px;}
.J_width170{ width:170px;}
.J_width174{ width:174px;}
.J_width185{ width:185px;}
.J_width200{ width:200px;}
.J_width210{ width:210px;}
.J_width220{ width:220px;}
.J_width225{ width:225px;}
.J_width300{ width:300px;}
.J_width436{ width:436px;}
.J_width495{ width:495px;}
.J_width494{ width:494px;}
.J_width550{ width:550px;}
.J_width600{ width:600px;}
.J_width700{ width:700px;}
.J_width750{ width:750px;}
.J_width780{ width:780px;}

.J_height26{ height:26px;}
.J_height35{ height:35px;}
.J_height80{ height:80px;}
.J_height100{ height:100px;}
.J_height110{ height:110px;}
.J_height130{ height:130px;}
.J_height155{ height:155px;}
.J_height180{ height:180px;}
.J_height200{ height:200px;}
.J_height240{ height:240px;}
.J_lineheigh26{line-height:26px;}
.J_minwidth245{min-width:245px;}
.J_minwidth70{ min-width:70px;}
.J_minheight250{ min-height: 250px;}
.J_backgroundnone{background: none; }

.fn-relative { position: relative; left: 0; top: 0;}

.J_check_radio{width: 14px;vertical-align: middle;}
.J_check_box{width: 13px;height: 13px;vertical-align: middle;}
/* 智能球样式*/
.area{ display:block; margin:0 auto; width:24px; height:17px; background:url(../image/area.gif) no-repeat;}
.area:hover{ background-position:0 -17px;}
.area_on{background-position:0 -17px;}
.area1{ margin:0 auto; display:block; width:24px; height:17px; background:url(../image/area.gif) no-repeat 0 -17px;}

/* Download Plugin */
.J_download_plugin{ position: absolute; width:100%;top: 50%;color: #CCC;font-size: 14px;text-align: center;}
.J_download_plugin a{ display:inline-block; *display:inline; zoom:1; padding:4px 20px 4px 28px; background: url(../image/pbbbtn.png?version=2.210) -245px -59px no-repeat;color:#FFF; text-decoration:underline; text-align:center;}
.J_download_plugin a:hover{ background-position:-245px -355px; color:#e33e3c; text-decoration:none;}

/* Begin VNPConfig */
#page_VPNConfig .vpn_cert_submit {
    display: none;
}
#page_VPNConfig .vpn_cert_browser,
#page_VPNConfig .vpn_cert_upload{
    display:inline-block; 
    width:60px; 
    height:20px; 
    line-height:20px; 
    overflow:hidden; 
    border:1px solid #464646; 
    background:url(../image/btnbg.png?version=2.210) repeat-x; 
    color:#000; 
    font-size:12px; 
    cursor:pointer; 
    text-align:center;
}
#page_VPNConfig .btn_hover,
#page_VPNConfig .vpn_cert_browser:hover,
#page_VPNConfig .vpn_cert_upload:hover{ 
    border:1px solid #010102; 
    background-position:0 -24px;
}
#page_VPNConfig .vpn_certificate_file_wrap{
    float: left;
    position: relative;
    display: inline;
    margin-left: 4px;
    overflow: hidden;
    line-height: 20px;
}
#page_VPNConfig .vpn_cert_file{
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 20px;
}
#page_VPNConfig .vpn_cert_path{
    float: left;
}
/* End VNPConfig */

/*teleLogManage*/
.J_teleport_input{width:40px; height:16px;}
.J_teleLog_chebox{margin: 3px 3px 3px 4px;}





/*userManageConfig_style*/
.J_userul{ width:100%;}
.J_userul li{ float:left; min-width:120px; _width:120px;  margin-right:10px; line-height:20px;}
.J_user_checkcon{width:230px; height:95px; padding:5px; margin-left:0; overflow-y:auto; border:1px solid #A5A5A5; background:#FFF;}
.J_user_checkcon p{ line-height:20px;}
.J_user_checkcon p input{ float:left; display:block; margin:4px 4px 0 0;}
.J_user_checkcon .Unable{ color:#999;}
.J_user_checkcon .Unable input{ background:url(../image/noselect.png?version=2.210) 50% 50% no-repeat;}
.J_sub_con ul li table .J_tip_red{ height:28px; vertical-align:middle; line-height:14px;}
.J_Udelicon,.J_Uediticon,.J_Useticon,.J_editicontd span,.J_delicontd span{ display:block; width:16px; height:16px; margin:2px auto auto; background:url(../image/sidebar4.png?version=2.210) no-repeat}
.J_Udelicon,.J_delicontd span{ background-position:0 -287px;}
.J_Uediticon,.J_editicontd span{ background-position:-16px -287px;}
.J_Useticon{ background-position:-32px -287px;}
.J_Uedvoiceicon{ background: url(../image/sidebar4.png?version=2.210) -184px -92px no-repeat;
display: block;
height: 16px;
margin: 2px auto auto;
width: 16px;
}

/*新增Audio Clip*/
.audio_dialgo{}
.audio_dialgo .dialgo_h3{
    font-size: 14px;
    font-weight: bold; 
    padding-left:4px;
    background:#777;
    line-height:24px;
    text-align:left;
    margin:0 20px 0 10px;
}
.audio_dialgo .J_mart10{margin-top: 10px;}
.audio_dialgo .dl_list{}
.audio_dialgo .dl_list dt,.audio_dialgo .dl_list dd{
    line-height: 30px;
    float: left;
}
.audio_dialgo .audio_recorde{padding-left: 80px;}

.audio_dialgo .audio_upload{margin-left: 80px;text-align:left;}
.audio_dialgo .audio_recorde_name{
    width: 70px;
    padding-left: 10px;
    text-align: left;
}
.audio_dialgo .wrap_btn,.J_vedioosd_right .wrap_btn{padding-left:8px;position:relative;overflow:hidden;height:26px;display:inline-block;vertical-align: middle;*height:28px;}
.audio_dialgo .wrap_btn .audio_scan{margin: 0;}
.audio_dialgo .dahuaupload,.J_vedioosd_right .dahuaupload{font-size:20px;overflow:hidden; cursor: pointer; position: absolute; display: none; height: 30px; right: 0px; width: 106px; filter:alpha(opacity=0); opacity:0;}
.audio_downbtn{ display:block; width:16px; height:16px; background:url(../image/yt3.png) no-repeat 0 -75px;}
.audio_downbtn:hover{ background-position:0 -91px;}
.audio_dialgo .audio_btn_style{width:104px; margin-top:0; background-position:0 -26px; }
.audio_playCheck{vertical-align: middle;}
.J_check_label{vertical-align: middle;}
.J_remote .J_sub_con .J_btn_style{margin-top:0;}