/* CSS Document */
/*reset*/
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 {height:auto; margin: 0; font-weight: 400; font-family: Arial, Helvetica, sans-serif, "SimSun"; font-size: 12px; color: #3C3C3C; }
table { border-collapse: collapse; }
img { border: 0; }
ul, li { list-style: none; }
a { text-decoration: none; }
object { margin: 0; }
html.body { overflow: auto; }
/*Public*/
/* CLEAR FIX*/
.ie6-out { _margin-left: 1002px; _zoom: 1; }
.ie6-in { _position: relative; _float: left; _margin-left: -1002px; }
.min-width { min-width: 1002px; _zoom: 1; }
#a { }
/* Hides from IE-mac */
/* End hide from IE-mac */
.spanTest {border:1px solid #B1B1B1; background:#FFFFFF;}
.spanTest1 {text-align:center;float:left;padding : 3px; width :100px;height:20px;float: left;position: relative;top: 33px;}
.spanTest3 {text-align:center;float:left;padding : 3px; width :60px;height:20px;float: left;;position: relative;top: 33px;}
.spanTest2 {float: left;}
.spanTest4{float:left;width :80px;height:20px;position: relative;}
.spanTest5{float:left;width :100px;height:20px;position: relative;}
.spanTest6{text-align:center;padding : 3px; height:20px;float: left;position: relative;top: 33px;}
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.fc1 { color: black; }
.fc2 { color: #fff; }
.wd140 { width: 140px; }
.wd145 { width: 145px; }
.wid70 { width: 70px; }
.line_h24 { line-height: 24px; }
.mar0 { margin: 0; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.pt20 { padding-top: 20px; }
.wid45 { width: 45px; }
.wid100 { width: 100px; }
.wid152 { width: 152px; }
.wid172 { width: 172px; }
.btnStyle { display: block; height: 24px; line-height: 24px; overflow: hidden; border: 1px solid #464646; background: url(../image/btnbg.gif) repeat-x; color: #000; font-size: 12px; text-decoration: none; cursor: pointer; }
/*.btnStyle:hover { border: 1px solid #010102; background-position: 0 -24px; }*/
.inputW140 { width: 132px; height: 20px; line-height: 20px; padding-left: 4px; border: 1px solid #a5a5a5; }


.inputW140 { width: 132px; height: 20px; line-height: 20px; padding-left: 4px; border: 1px solid #a5a5a5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: black 0 1px 0; -moz-box-shadow: black 0 1px 0; box-shadow: black 0 1px 0; }
.J_input_main90 { width: 84px; height: 20px; line-height: 20px; padding-left: 4px; border: 1px solid #a5a5a5; }


/*SLIDER*/
.J_main_slider_box { float: left; width: 100px; height: 19px; margin: 2px 0 0 4px; background: url(../image/bgx.gif) repeat-x; }
.J_main_slider { float: left; width: 10px; height: 19px; background: url(../image/voldis.gif) no-repeat; cursor: pointer; }
.J_main_slider:hover { background-image: url(../image/vol.gif); }

a.helpbtn { display: block; margin-top: 5px; width: 23px; height: 23px; background: url(../image/headerhelp.gif) 0 0 no-repeat; }
a.helpbtn:hover { background-position: 0 -24px; }

/*MAIN-CONTENT*/
.J_mainContent { width: 100%; height: 100%; position: absolute; top: -10000px; left: 0px; min-width:1200px;}
.J_mainContent1 {  height: 100%; position: absolute; top: -10000px; left: 0px; overflow: auto;}
/*HEADER*/
.J_header { position: relative; width: 98%; margin: auto; height:0px; z-index: 60; }
.J_header .J_subLogo { position: absolute; left: 5px; width: 173px; }
.J_header .J_subLogo a { display: block; width: 172px; height: 55px; background: url(../image/logo.jpg) no-repeat; cursor: default; }
.J_header .J_subLogo a.sublogo { background: url(../image/logo.gif) no-repeat; }
.J_header .J_subLogo a.sublogo_ipdome { background: url(../image/logo-IPDome.jpg) no-repeat; }
.J_header .J_subLogo a.sublogo_ipptz { background: url(../image/logo-IPPTZCamera.jpg) no-repeat; }
.J_header .J_subLogo a.sublogo_dahua { background: url(../image/logo-dh.jpg) no-repeat; }
/*MENU ID*/
.WideDynamicRange{float:right;position: relative;right: 10px;}
/*MENU*/
#b_a{width: 100px;}
#b_c{width: 100px;}
#b_d{width: 100px;}
.J_navCon { min-width:1280px;width: 100%; margin: auto; bottom: 0; height: 40px; border: 0px solid #B1B1B1; background-color: #2c6fd5; }
.J_navCon ul li { float: left; width: 102px; height: 35px; }
.J_navCon .J_alarmtip { position: relative; top: 61px; left: 1270px; background: url(../image/alert.gif) no-repeat; width: 36px; height: 26px; text-align: center; cursor: pointer; }
.J_navCon .nav_btn {display: inline-block; width: 40px; height: 37px; line-height: 37px;  font-size: 14px; text-align: center; font-weight: bold; }
.J_navCon .nav_btn1 {float: left; position: relative;display: inline-block; width: 102px; height: 35px; line-height: 37px; text-align: center; background: url(../image/menutab.gif) no-repeat; background-color: #F8F8F8; border-bottom: 3px solid #A73737; color: #A73737; font-size: 14px; font-weight: bold; text-decoration: none; }
/*.J_navCon .nav_btn:hover { background-color: #F8F8F8; }*/
.J_navCon .logout { float: right; width: 160px; height: 40px; border: 0px; solid: #ffffff ;position:relative; }
.J_navCon .logoutimg { margin-top: 9px; display: inline-block; width: 30px; height: 30px; background: url(../image/zhuxiao.png) no-repeat; }
.J_navCon .logout .nav_btn { margin-top: 9px; border: none; width: 40px; height: 20px; line-height: 20px; color: #ffffff}
.J_navCon .loginuserimg { margin-top: 9px; display: inline-block; width: 30px; height: 30px; background: url(../image/denglu.png) no-repeat; }
.J_navCon .loginuser { margin-top: 9px; width: 120px; height: 20px; line-height: 20px; color: #ffffff}
.J_navCon .logout1 { float: right; width: 80px; height: 40px; border: 0px; solid: #ffffff ;position:relative; }
.nav_btn{font-size:12px;color:white}

/*预览等*/
.alarmzt1{height:25px;width:23%;min-width:335px;margin-bottom: 10px; }
.alarmzt {height:625px;width: 23%;border: 1px solid #B1B1B1;min-width:335px;border-top: 0px;border-left: 0px;border-bottom: 0px;}
.J_navCon1 { margin: auto; bottom: 0; height: 35px; border: 1px solid #B1B1B1; background-color: #EAEAEA; border-left: 0px;border-right:0px; }
/*.J_mbContent_update{margin: 15px;border: 1px solid #B1B1B1;height:auto;border-top: 0px;min-width: 1250px;}*/
.J_navCon1 ul li { float: left; width: 110px; height: 35px; }
.J_navCon1 .J_alarmtip { position: relative; top: -27px; left: 78px; background: url(../image/alert.gif) no-repeat; width: 36px; height: 26px; text-align: center; cursor: pointer; }
.J_navCon1 .nav_btn { display: inline-block; width: 102px; height: 35px; line-height: 37px; border-right: 1px dotted #000; color: #373737; font-size: 14px; text-align: center; font-weight: bold; }
.J_navCon1 .nav_btn1 { display: inline-block; width: 102px; height: 35px; line-height: 37px; text-align: center;background-color:#2c6fd5; font-size: 14px; font-weight: bold; text-decoration: none;color: #ffffff }
.J_navCon1 .nav_btn:hover { background-color: #F8F8F8; }
.J_navCon1 .logout { float: right; width: 70px; height: 40px; }
.J_navCon1 .logoutimg { margin-top: 9px; display: inline-block; width: 30px; height: 30px; background: url(../image/zhuxiao.png) no-repeat; }
.J_navCon1 .logout .nav_btn { margin-top: 9px; border: none; width: 40px; height: 20px; line-height: 20px; }
.J_navCon1 .loginuserimg { margin-top: 9px; display: inline-block; width: 30px; height: 30px; background: url(../image/denglu.png) no-repeat; }
.J_navCon1 .loginuser { margin-top: 9px; width: 40px; height: 20px; line-height: 20px; }

/*自动调焦*/
.main-focus-item {width: 144px;height: 20px;line-height: 20px;margin: 2px 4px 5px 0;text-align: left;}
.fn-left{float:left;display:inline;}
.fn-right {float: right;}
.ui-button-icon-fouse a{width: 80px;height: 24px;position: relative;left: 35px;line-height: 24px; overflow: hidden; border: 1px solid #464646;background: url(../image/btnbg.gif) repeat-x; display:block;}
.ui-button-icon-fouse a:hover{ border: 1px solid #010102;background-position: 0 -24px; }
.ui-button-special{color: #3C3C3C;font-weight: bold;}
.ui-slider-less{background: url(../image/autoFocus.png) -180px -60px no-repeat;float: left;width: 20px;height: 20px;}
.ui-slider-container{float: left;width: 100px;height: 20px;background-position: 0 -90px;background-repeat: repeat-x;position: relative;left: 0;top: 0;}
.ui-slider-more{background: url(../image/autoFocus.png) -180px -120px no-repeat;float: left;width: 20px;height: 20px;}
.ui-slider-less:hover{background-position:-180px -90px;}
.ui-slider-more:hover{background-position:-180px -150px;}
.main-focus-text{width: 144px;height: 20px;line-height: 20px;margin: 2px 4px 5px 0;text-align: left;}
.fn-left{float:left;text-indent: 5px;with:50px;}
.fn-right{float:right;float: right;position: relative;right: 10px;}
.main-focus-item{left: 3px;position: relative;}

/*头部语言切换*/
.J_header_info { position: absolute; display: block; left: 50%; margin-left: -100px; border: 1px solid black; top: -150px; cursor: pointer;}
.snap_header {text-indent: 6px; width: 200px; height: 38px; background: #2c6fd5; line-height: 38px; color: white; border-bottom: 1px solid black;}
.snap_body {width: 200px; height: 80px; background: white; line-height: 20px; word-wrap : break-word;}
.J_header_language, .J_header_language_hover { cursor: pointer; float: right; display: block; height: 24px; color: #373737; margin: 0 0 0 10px; position: relative; z-index: 90; }
.J_header_language p, .J_header_language_hover p { clear: right; float: left; height: 24px; background: url(../image/selectbg.gif) no-repeat; }
.J_header_language .J_select_left { width: 11px; background-position: 0 0; }
.J_header_language .J_select_right { width: 24px; background-position: -11px 0; }
.J_header_language .J_select_center { padding: 0 2px; width: 80px; line-height: 24px; background: url(../image/selectbgline.gif) repeat-x; text-align: center; }
.J_header_language_hover { color: #000; }
.J_header_language_hover .J_select_left { width: 11px; background-position: 0 -24px; }
.J_header_language_hover .J_select_right { width: 24px; background-position: -11px -24px; }
.J_header_language_hover .J_select_center { padding: 0 2px; width: 80px; line-height: 24px; background: url(../image/selectbgline.gif) 0 -24px repeat-x; text-align: center; }
.J_header_help { float: right; display: block; width: 23px; height: 23px; background: url(../image/headerhelp.gif) 0 0 no-repeat; }
.J_header_help:hover { background-position: 0 -22px; }
.J_language_content { position: absolute; right: 10px; top: 23px; width: 96px; border: 1px solid #4a4a4a; }
.J_language_content a { display: block; width: 100%; text-align: center; line-height: 20px; height: 20px; color: #373737; }
.J_language_content a:hover { }
.J_language_content a.J_current { color: #000; font-weight: bold; }
.clear{min-height: 435px;border: 1px solid #B1B1B1;}
.J_sub_conbei{min-height: 400px;}
.clearfix1{width: 300px;height: 50px;top: 100px; position: relative;top:5px;left: 32px;}
.clearfix2{width: 300px;height: 50px;position: relative;top: 38px;left: 32px;}
/*.J_login_foot{width:300px;height: 40px;position: relative;top: 60px;left:20px;}*/
.footer{background: url("../image/loginback.png");width:1440px;height: 200px;}
.pwdicon{background-image: url("../image/password.png");width: 32px;height: 36px;float: left;position: relative;top: 37px;left: 10px;}
/*MBContent*/
/*.J_mbContent { width: 80.34%; margin: auto; z-index: 6; margin-top: 16px; border: 0px solid #B1B1B1; }*/
.J_mbContent { width: 100%; margin: auto; z-index: 6; margin-top: 16px; border: 0px solid #B1B1B1; }
.drdc{border: 1px solid #B1B1B1;width: auto;min-height: 440px;}
/*CONTENT*/
.J_content { margin: 15px; margin-top: 12px;border: 1px solid #B1B1B1;height:auto;}
.logmange_tab_title {border:1px solid  #B1B1B1;border-bottom: 0px;}
/*TOPER-ICONS*/
.b_Stream1 { min-height:20px;float: left; display: block; width: 90px; height: 20px; line-height: 20px; margin: 5px 10px 0 0; overflow: hidden; background: url(../image/background_white.png) no-repeat; color: #000; font-size: 12px; text-decoration: none; cursor: pointer; text-align: center; }
.b_Stream1:hover { background-image: url(../image/background_blue.png); color:white;}
.b_Stream2 { background: url(../image/background_blue.png) no-repeat;float: left; display: block; width: 90px; height: 20px; line-height: 20px; margin: 5px 10px 0 0; overflow: hidden; text-align: center; font-size: 12px; color: white; text-align: center; }
/*
.b_Stream2 { float: left; display: block; width: 74px; height: 20px; line-height: 20px; margin: 5px 10px 0 0; overflow: hidden; text-align: center; background: url(../image/mainstream_sel.gif) no-repeat; font-size: 12px; color: #000; text-align: center; }
*/

.J_videotop { background-color: #d8d8d9; height: 32px; padding: 0px 15px 4px 15px; }
/*AUTO-PTZ*/
.J_vptztop { height: 40px; margin: 0 15px 3px 15px; overflow: hidden; text-align: left; }
.J_zoom_a { float: left; width: 195px; height: 29px; margin: 13px auto auto 10px; overflow: hidden; }
.J_zoom_a .J_zoom_alist { margin: 0 auto; text-align: center; }
.J_zoom_t, .J_zoom_b { float: left; width: 20px; height: 16px; margin: 0 auto; margin-right: 5px; }
.J_zoom_a .J_zoom_m { float: left; width: 140px; margin-right: 5px; height: 20px; background: url(../image/bgx.gif) 0 -38px repeat-x; }

.J_zoom_a .J_big_p { display: block; width: 20px; height: 16px; background: url(../image/pbbbtn.gif) -230px -22px no-repeat; }
.J_zoom_a a.J_big_p:hover { background-position: -250px -22px; }
.J_zoom_a .J_small_p { display: block; width: 20px; height: 16px; background: url(../image/pbbbtn.gif) -230px -38px no-repeat; }
.J_zoom_a a.J_small_p:hover { background-position: -250px -38px; }


.J_zoom_a .J_slider_ptz { float: left; display: block; width: 6px; height: 16px; background: url(../image/yt3.gif) 0 -121px no-repeat; overflow: hidden; }
.J_slider_ptz:hover { background-position: -6px -121px; }
.J_round { float: left; width: 35px; height: 35px; margin-top: 4px; background: url(../image/yt3.gif) 0 -74px no-repeat; }
.J_round .J_round_list li { float: left; display: inline; height: 10px; overflow: hidden; }
.J_round .J_fltop { width: 23px; height: 10px; margin-left: 12px; margin-top: 2px; }
.J_round .J_fllef { width: 33px; height: 10px; margin-left: 2px; margin-top: 1px; }
.J_round .J_flrig { width: 12px; height: 10px; margin-left: 23px; margin-top: -11px; }
.J_round .J_flbot { width: 23px; height: 10px; margin-left: 12px; margin-top: 0px; }
.J_round a { width: 10px; height: 10px; display: inline; background: url(../image/yt3.gif) 0 -47px no-repeat; margin: 0; float: left; }
.J_round .J_flef { background-position: -10px -47px; }
.J_round .J_flef:hover { background-position: -10px -57px; }
.J_round .J_ftop { background-position: 0 -47px; }
.J_round .J_ftop:hover { background-position: 0 -57px; }
.J_round .J_fbot { background-position: -30px -47px; }
.J_round .J_fbot:hover { background-position: -30px -57px; }
.J_round .J_frig { background-position: -20px -47px; }
.J_round .J_frig:hover { background-position: -20px -57px; }

/*PREVIEW && PTZ*/
.J_preview_ct { text-align: left;width: auto;min-width: 710px;}
.J_video_con { background: #F0F0F0; }
.J_video_video { background: #000 no-repeat 50% 50%; position: absolute;z-index: 1000000;}
.J_video_control_bar { float: right; position: relative; right: 0; top: 0;margin-top: 1px; }

.J_video_stream { width: 152px; background-color: #555; }
.J_video_stream .J_img_contitle { width: 155px; height: 28px; line-height: 28px; margin: 0px; background: url(../image/sidebar4.gif) 0 -52px no-repeat; text-align: center; }
.J_video_stream a.cbt { float: left; display: block; width: 62px; height: 16px; text-decoration: none; padding: 3px 0 0 0; text-align: center; background: url(../image/yy1.gif) no-repeat; overflow: hidden; }
.J_video_stream a.cbt:hover { background-position: 0 -19px; }
.J_video_stream .cl1 { background: url(../image/c1.png) no-repeat; }
.J_video_stream ul li { cursor: pointer; display: block; height: 22px; padding: 0 0 0 4px; background: url(../image/clbg.png); overflow: hidden; }
.J_video_stream a.ca1 { background: url(../image/clx.png) no-repeat; padding-left: 20px; height: 22px; display: block; line-height: 22px; }
.J_video_stream a.ca1:hover { background: url(../image/clx1.png) no-repeat; }

.J_video_bar { height: 38px; color: #fff; clear: both; background-color: #d6d9d9; }
/*底部的图标往右移动
*/

.J_video_bar a.showZnLineOff { border: 1px solid #c7c7c7; float: right; height: 26px; margin: 3px 0 0 6px;background: url(../image/showZnLineOff.png) no-repeat; width: 26px;}
.J_video_bar a.showZnLineOn { border: 1px solid #c7c7c7; float: right; height: 26px; margin: 3px 0 0 6px; background: url(../image/showZnLineOn.png) no-repeat; width: 26px;}

.changeAlmout .Rightbtn { background-color: #c7c7c7; margin-top: 2px;}
.changeAlmout a.alarmbtn { background: url(../image/alert_nor.gif) no-repeat; width: 23px; }
.changeAlmout a.alarmbtn1 { background: url(../image/alert_sel.gif) no-repeat; width: 23px; }
.changeAlmout a.alarmbtn:hover { background: url(../image/alert_sel.gif) no-repeat; }
.J_video_bar .Rightbtn { border: 1px solid #c7c7c7; float: right; height: 23px; margin: 3px 0 0 6px; }
.J_video_bar .Rightbtn { background-color: #c7c7c7; }
.J_video_bar a.alarmbtn { background: url(../image/alert_nor.gif) no-repeat; width: 23px; }
.J_video_bar a.alarmbtn1 { background: url(../image/alert_sel.gif) no-repeat; width: 23px; }
.J_video_bar a.alarmbtn:hover { background: url(../image/alert_sel.gif) no-repeat; }
.J_video_bar a.bigbtn { background: url(../image/fangda.png) no-repeat; width: 24px; height: 24px;}
.J_video_bar a.bigbtn1 { background: url(../image/bigbtn_sel.gif) no-repeat; width: 24px;height: 24px; }
.J_video_bar a.bigbtn:hover { background: url(../image/fangda1.png) no-repeat; }
.J_video_bar a.picture { background: url(../image/zhuatu.png) no-repeat; width: 24px;height: 24px; }
.J_video_bar a.picture:hover { background: url(../image/zhuatu1.png) no-repeat; }
.J_video_bar a.video { background: url(../image/luxiang.png) no-repeat; width: 24px;height: 24px; background-position: -3px -3px;}
.J_video_bar a.video1 { background: url(../image/video_sel.gif) no-repeat; width: 24px;height: 24px; background-position: -3px -3px;}
.J_video_bar a.video:hover { background: url(../image/luxiang1.png) no-repeat; background-position: -3px -3px;}
.J_video_bar a.voice { background: url(../image/voice_sel.gif) no-repeat; width: 23px; }
.J_video_bar a.voice1 { background: url(../image/voice_nor.gif) no-repeat; width: 23px; }
.J_video_bar a.voice:hover { background: url(../image/voice_nor.gif) no-repeat; }
.J_video_bar a.speak { background: url(../image/speak_nor.gif) no-repeat; width: 23px; }
.J_video_bar a.speak1 { background: url(../image/speak_sel.gif) no-repeat; width: 23px; }
.J_video_bar a.speak:hover { background: url(../image/speak_hov.gif) no-repeat; width: 23px; }
.J_video_bar a.pictureThree { background: url(../image/3lianzhua.png) no-repeat; width: 24px;height: 24px; }
.J_video_bar a.pictureThree:hover { background: url(../image/3lianzhua_1.png) no-repeat; width: 24px;height: 24px; }
.J_video_btn a.afocus { background: url(../image/jujiao.png) no-repeat; width: 42px;height: 26px;}
.J_video_btn a.afocus1 {  background: url(../image/jujiao1.png) no-repeat; width: 42px;height: 26px;}
.J_video_btn a.afocus:hover {  background: url(../image/jujiao1.png) no-repeat; width: 42px;height: 26px;}
.J_video_bar a.locate { width: 22px; background-position: -254px 0; }
.J_video_bar a.locate:hover { background-position: -254px -23px; }
.J_video_bar a.locate1 { width: 22px; background-position: -254px -46px; }

.J_video_btn { margin-top: 5px; height: 24px; }
.J_video_btn a { margin-left: 6px; width: 23px; height: 24px; float: left; display: inline-block; display: inline; zoom: 1; color: #ddd; }
.J_video_btn a.vbtn1 { height:26px;width: 42px; background: url(../image/tiaojie.png) no-repeat; }
.J_video_btn a.vbtn1_1 {height:26px;width: 42px;  background: url(../image/hover_tiaojie.png) no-repeat; }
.J_video_btn a.vbtn1:hover {height:26px;width: 42px;  background: url(../image/hover_tiaojie.png) no-repeat; }
.J_video_btn a.vbtn2 { background-position: -23px 0; }
.J_video_btn a.vbtn2:hover, .J_video_btn a.vbtn2_1 { background-position: -23px -17px; }
.J_video_btn a.vbtn3 {height: 26px; width: 42px; background: url(../image/quanpin.png) no-repeat; }
.J_video_btn a.vbtn3:hover {height: 26px; width: 42px; background: url(../image/hover_quanpin.png) no-repeat; }
/*.J_video_btn a.vbtn3:hover, .J_video_btn a.vbtn3_1 { width: 26px; background: url(../image/quanpin.png) no-repeat; }*/
.J_video_btn a.vbtn4 { background-position: -69px 0; }
.J_video_btn a.vbtn4:hover, .J_video_btn a.vbtn4_1 { background-position: -69px -17px; }
.J_video_btn a.vbtn5 { background-position: -92px 0; }
.J_video_btn a.vbtn5:hover { background-position: -92px -17px; }
.J_video_btn a.vbtn5_1 { background-position: -92px -17px; }
.J_video_btn a.vbtn6 { width: 42px; height: 26px; background: url(../image/ptzshow.png) no-repeat; }
.J_video_btn a.vbtn6:hover { width: 42px; height: 26px; background: url(../image/ptzhide.png) no-repeat; }
.J_video_btn a.vbtn6_1 { width: 42px; height: 26px; background: url(../image/ptzhide.png) no-repeat; }
.J_video_btn a.vbtn6_1:hover { background: url(../image/ptzshow.png) no-repeat; }
.J_video_btn_wrap { vertical-align: top; }
.J_video_btn_wrap span { padding-left: 18px; cursor: pointer; vertical-align: top; }
.J_video_btn_rightnow { background: url(../image/rightnow.gif) no-repeat 5px 3px; background-position-y: -2px; }

.preview_rt { margin-bottom: 5px; text-align: center;margin: 0px;padding: 0px;}

/*image-Adjust*/
.J_img_sliderbar { float: right; width: 150px;position: relative;}
.J_img_sliderbar .J_img_contitle { width: 150px; height: 28px; line-height: 28px; margin: 0px; background: url(../image/sidebar4.gif) 0 -52px no-repeat; text-align: center; }
.J_image_adjust { width: 150px; height:250px; padding: 5px 0 0 0; margin: 0; overflow: hidden; background: #5C5C5C; }
.J_image_adjust span { float: left; width: 20px; padding-top: 3px; color: #FFF; }
.J_imgfix { width: 151px; margin: 10px 0; overflow: hidden; color: #FFF; }

.J_image_adjust .J_image_icon { float: left; display: inline-block; width: 18px; height: 16px; margin: 4px 0 0 5px; background: url(../image/yt2.gif) -56px -228px no-repeat; }
.J_image_adjust .J_light_icon { background-position: -56px -228px; }
.J_image_adjust .J_contrast_icon { background-position: -56px -244px; }
.J_image_adjust .J_chroma_icon { background-position: -56px -276px; }
.J_image_adjust .J_saturation_icon { background-position: -56px -260px; }
.J_image_adjust .resetBtn a { float: none; display: block; width: 67px; height: 24px; line-height: 24px; margin: 0 auto; overflow: hidden; border: 1px solid #464646; background: url(../image/btnbg.gif) repeat-x; color: #000; font-size: 12px; text-decoration: none; cursor: pointer; }
.J_image_adjust .resetBtn a:hover { border: 1px solid #010102; background-position: 0 -24px; }


.J_tcenter { text-align: center; }
.J_fresh_btn { float: left; width: 67px; margin-left: 20px; }
.J_bjscbj { background: url(../image/sidebar4.gif) 0 -394px no-repeat; width: 152px; height: 6px; overflow: hidden; margin: 0; }

/*PTZ-SET*/
.J_ptz_toper { width: 152px; height: 28px; line-height: 28px; overflow: hidden; background-color: #5C5C5C; }
.J_ptz_righter { border: 1px solid #5C5C5C; width: 150px; margin: 0; overflow: hidden; }
.J_ptz_bottom { width: 152px; height: 13px; overflow: hidden; }

.J_ptz { background: url(../image/ptz/ptzdir.gif) no-repeat center center; width: 94px; height: 94px; margin: 0 auto; }
.J_ptz a { float: left; display: inline; width: 31px; height: 31px; background-repeat: no-repeat; background-position: center center; }
.J_ptz .J_ptz1 { background-image: url(../image/ptz/nor/leftup.gif); }
.J_ptz .J_ptz1:hover { background-image: url(../image/ptz/sel/leftup.gif); }
.J_ptz .J_ptz2 { background-image: url(../image/ptz/nor/up.gif); }
.J_ptz .J_ptz2:hover { background-image: url(../image/ptz/sel/up.gif); }
.J_ptz .J_ptz3 { background-image: url(../image/ptz/nor/rightup.gif); }
.J_ptz .J_ptz3:hover { background-image: url(../image/ptz/sel/rightup.gif); }
.J_ptz .J_ptz4 { background-image: url(../image/ptz/nor/left.gif); }
.J_ptz .J_ptz4:hover { background-image: url(../image/ptz/sel/left.gif); }
.J_ptz .J_ptz5 { background-image: url(../image/ptz/nor/oneKeyFocus.gif); }
.J_ptz .J_ptz5:hover { background-image: url(../image/ptz/sel/oneKeyFocus.gif); }
.J_ptz .J_ptz51 { background-image: url(../image/ptz/sel/oneKeyFocus.gif); }
.J_ptz .J_ptz6 { background-image: url(../image/ptz/nor/right.gif); }
.J_ptz .J_ptz6:hover { background-image: url(../image/ptz/sel/right.gif); }
.J_ptz .J_ptz7 { background-image: url(../image/ptz/nor/leftdown.gif); }
.J_ptz .J_ptz7:hover { background-image: url(../image/ptz/sel/leftdown.gif); }
.J_ptz .J_ptz8 { background-image: url(../image/ptz/nor/down.gif); }
.J_ptz .J_ptz8:hover { background-image: url(../image/ptz/sel/down.gif); }
.J_ptz .J_ptz9 { background-image: url(../image/ptz/nor/rightdown.gif); }
.J_ptz .J_ptz9:hover { background-image: url(../image/ptz/sel/rightdown.gif); }

.J_step { width: 152px; font-size: 12px; text-align: left; text-indent: 20px; }
.J_value_text { width: 152px; margin-bottom: 4px; text-align: center; color: #FFF; font-size: 12px; }

.J_less_icon, .J_more_icon { float: left; display: inline; width: 28px; height: 28px; margin: 3px 0px; background-repeat: no-repeat; background-position: center center; }
.J_less_icon { background-image: url(../image/ptz/nor/speed_add.gif); }
.J_less_icon:hover { background-image: url(../image/ptz/sel/speed_add.gif); }
.J_modi_text { width: 38px; height: 28px; float: left; line-height: 28px; font-size: 12px; text-decoration: none; margin: 3px 0px; text-align: center; cursor: text; }
.J_more_icon { background-image: url(../image/ptz/nor/speed_reduce.gif); }
.J_more_icon:hover { background-image: url(../image/ptz/sel/speed_reduce.gif); }
.marb5 { margin-bottom: 5px; }

/*2.1---advance-ptz-set*/
.J_modify { width: 94px; height: 100px; margin: 0 auto; }
.J_adv_ptz { width: 152px; height: 0px; padding: 0px 0 0px 1px; overflow: hidden; clear: both; }
.J_adv_ptz a, .J_bttn { float: left; width: 67px; margin: 0 0 2px 4px; }

/*2.2---advance-ptz-set*/
.J_colorbg { width: 152px; height: 5px; }
.J_add_ptz_set { height: 152px; width: 152px; overflow: hidden; }
h4 { margin: 10px auto 20px auto; }
.J_add_ptz_set .J_ptz_top1 { width: 152px; height: 28px; line-height: 28px; background-color: #5C5C5C; overflow: hidden; }
.J_add_ptz_set .J_ptz_top1 p { float: left; width: 76px; height: 19px; line-height: 19px; text-align: center; color: #B2B2B2; cursor: pointer; }
.J_add_ptz_set .J_ptz_top1 .J_pnow1 { background: url(../image/sidebar4.gif) no-repeat 0 -111px; color: #FFF; }
.J_add_ptz_set .J_ptz_top1 .J_pnow2 { background: url(../image/sidebar4.gif) no-repeat -76px -111px; color: #FFF; }
.J_pzt_select { padding: 8px 0; }
.J_ptzbtn2 { float: left; width: 45px; margin: 5px 2px 0px auto; cursor: pointer; }
.J_tc_con1 { padding-top: 6px; clear: both; }
.J_tc_con1 p, .J_buton_contain { width: 142px; margin: 0 auto; text-align: left; }
.J_tc_con1 p { margin-bottom: 5px; }
.J_fzcon { height: 24px; line-height: 24px; margin: 5px; text-align: left; color: #FFF; }
.J_prebotnew { width: 150px; height: 6px; background: url(../image/sidebar4.gif) 0 -394px no-repeat; overflow: hidden; }
.J_buton_contain a, .J_tc_con1 a { float: left; width: 32px; height: 26px; padding-left: 13px; margin: 5px 2px 0px auto; overflow: hidden; cursor: pointer; line-height: 26px; background: url(../image/pbbbtn.gif) no-repeat 0 -182px; font-size: 12px; color: #373737; text-align: left; }
.J_buton_contain .J_ptzbtn3, .J_tc_con1 .J_ptzbtn3 { width: 69px; padding-left: 0; margin: 0px 2px 0px auto; background-position: 0 -234px; text-align: center; }
.J_buton_contain .J_ptzbtn3:hover, .J_tc_con1 .J_ptzbtn3:hover { background-position: 0 -260px; }
.J_buton_contain .J_ptzbtn4, .J_tc_con1 .J_ptzbtn4 { width: 69px; padding-left: 0; margin: 0px 2px 0px auto; background-position: -69px -234px; text-align: center; }
.J_buton_contain .J_ptzbtn4:hover, .J_tc_con1 .J_ptzbtn4:hover { background-position: -69px -260px; }
.J_buton_contain .ptzbtn5, .J_tc_con1 .ptzbtn5 { width: 69px; padding-left: 0; margin: 0px 2px 0px auto; overflow: hidden; background-position: -138px -234px; text-align: center; }
.J_buton_contain .ptzbtn5:hover, .J_tc_con1 .ptzbtn5:hover { background-position: -138px -260px; }
.J_buton_contain .J_ptzbtn1, .J_tc_con1 .J_ptzbtn1 { width: 67px; border: 1px solid #464646; height: 24px; line-height: 24px; background: url(../image/btnbg.gif) repeat-x; padding-left: 0; margin: 0px 2px 0px auto; text-align: center; }
.J_buton_contain .J_ptzbtn1:hover, .J_tc_con1 .J_ptzbtn1:hover { border: 1px solid #010102; background-position: 0 -72px; }
.J_buton_contain .J_btn_auto { margin: 5px 0 0 35px; }
.J_buton_contain .J_postion_cen { margin: 5px 2px 0 auto; }
.J_buton_contain .J_postion_cen1 { margin: 5px auto 0px 35px; }
.J_buton_contain .J_ptzstart { background-position: 0 -182px; }
.J_buton_contain .J_ptzstart:hover { background-position: 0 -208px; }
.J_buton_contain .J_ptzstop { background-position: -45px -182px; }
.J_buton_contain .J_ptzstop:hover { background-position: -45px -208px; }
.J_buton_contain .J_ptzbtnset { background-position: -90px -182px; }
.J_buton_contain .J_ptzbtnset:hover { background-position: -90px -208px; }
.J_buton_contain .J_ptzbtnadd { background-position: -135px -182px; }
.J_buton_contain .J_ptzbtnadd:hover { background-position: -135px -208px; }
.J_buton_contain .J_ptzbtndel { background-position: -180px -182px; }
.J_buton_contain .J_ptzbtndel:hover { background-position: -180px -208px; }
.J_buton_contain .J_ptzbtnsearch { background-position: -225px -182px; }
.J_buton_contain .J_ptzbtnsearch:hover { background-position: -225px -208px; }


.J_ie6fix { height: 26px; overflow: hidden; }

/*IPC 球机*/
.J_boatX { width: 93px; height: 93px; margin-top: 2px; background: url(../image/boat.gif) no-repeat 0 0; text-align: left; overflow: hidden; }
.J_boatX div { position: relative; width: 40px; height: 25px; text-align: left; cursor: pointer; }
.J_boatX .J_boat1 { top: 2px; left: 0px; }
.J_boatX .J_boat2 { top: 1px; left: -30px; width: 30px; height: 35px; }
.J_boatX .J_boat3 { top: -28px; left: 5px; width: 22px; height: 22px; }
.J_boatX .J_boat4 { top: -65px; left: 30px; width: 30px; height: 40px; }
.J_boatX .J_boat5 { top: -68px; left: 0; }
.img1 { background-position: 0 -93px; }
.img2 { background-position: 0 -186px; }
.img3 { background-position: 0 -279px; }
.img4 { background-position: 0 -372px; }
.img5 { background-position: 0 -465px; }

/*智能球 球机*/
.J_boatX1 { width: 108px; height: 108px; margin: 2px auto 0; background: url(../image/boatx.gif) no-repeat 0 0; text-align: left; overflow: hidden; position: relative; left: 0; top: 0; }
.J_boatX1 div { position: relative; width: 50px; height: 25px; text-align: left; cursor: pointer; }
.J_boatX1 .J_boat1x { top: 2px; left: 30px; }
.J_boatX1 .J_boat2x { top: 1px; left: 0px; width: 30px; height: 50px; }
.J_boatX1 .J_boat3x { top: -40px; left: 36px; width: 35px; height: 35px; }
.J_boatX1 .J_boat4x { top: -82px; left: 75px; width: 30px; height: 50px; }
.J_boatX1 .J_boat5x { top: -80px; left: 30px; }
.imgx1 { background-position: 0 -108px; }
.imgx2 { background-position: 0 -216px; }
.imgx3 { background-position: 0 -324px; }
.imgx4 { background-position: 0 -432px; }
.imgx5 { background-position: 0 -540px; }

/*set && playback page*/
.J_frame_set { width: 100%; min-width: 1002px; min-height: 530px; }
.J_frame_play { width: 100%; min-width: 1002px; height: 800px; }

/*Pop-up box*/
.J_is_sure { position: absolute; top: -10000px; z-index: 1000; }
.J_out_box { position: absolute; top: 25%; left: 0; z-index: 1000; display: inline-block; width: 420px; padding-bottom: 10px; _margin-top: 120px; border: 2px solid #373737; text-align: center; }
.J_tith1 { width: 100%; height: 26px; line-height: 26px; padding-bottom: 4px; overflow: hidden; background: url(../image/bgx.gif) 0 -94px repeat-x; }
.J_tith1 .J_title_height { float: left; padding-left: 10px; font-size: 14px; font-weight: bold; }
.J_tith1 .J_exit { float: right; margin-top: 2px; margin-right: 4px; }
.J_tith1 .J_exit a { display: block; width: 22px; height: 22px; overflow: hidden; background: url(../image/pbbbtn.gif) -226px 0 no-repeat; }
.J_tith1 .J_exit a:hover { background-position: -248px 0; }
.J_sure_box { display: inline-block; width: 300px; height: auto; margin: 10px auto; text-align: left; }
.J_sure_text { line-height: 24px; text-align: left; }
.J_set_qt_btn { height: 26px; width: 240px; margin: 0 auto; }
.J_set_qt_btn a { float: left; width: 102px; margin-right: 10px; }

/*END*/
.J_estop_all { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
.unselectable { -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.unselectable { -moz-user-select: none; -khtml-user-select: none; user-select: none; }

/*OSD*/
.osd_img{background: url(../image/fuclistbg.png) 0 2px; text-align: center; cursor: pointer; width:100px;}
.osd_img1{background: url(../image/fuclistbg.png) -110px 2px; text-align: center; cursor: pointer; width:100px;}