/* CSS Document */
/*reset*/
/*标题栏背景*/
.J_plain_code{background:url("../image/yj2.png") no-repeat;display: block;cursor: pointer;float:right;width:20px;height:24px;margin-top:12px;}
.J_plain_code:hover{background:url("../image/yj1.png") no-repeat;}
.bg_d7{background-color:#d7d8d9; color:#FFF;}
.ylbg{background:url("../image/img/yulbg.png") no-repeat;}
.ylbg1{background:url("../image/img/yulbg1.png") no-repeat scroll;}
.hfbg{background:url("../image/img/hfbg.png") no-repeat;}
.hfbg1{background:url("../image/img/hfbg1.png") no-repeat;}
.szbg{background:url("../image/img/szbg.png") no-repeat;}
.szbg1{background:url("../image/img/szbg1.png") no-repeat;}
.bjbg{background:url("../image/img/bjbg.png") no-repeat;}
.bjbg1{background:url("../image/img/bjbg1.png") no-repeat;}
/*预览底部*/
.yldi{width:24px;height:19px;padding:5px 8px;float:left;cursor: pointer;}
#yldi1{background:url("../image/img/y1.png") no-repeat scroll 100% 100%;}
#yldi1:hover{background:url("../image/img/y1hv.png") no-repeat scroll 100% 100%;}
#yldi2{background:url("../image/img/y2.png") no-repeat scroll 100% 100% ;}
#yldi2:hover{background:url("../image/img/y2hv.png") no-repeat scroll 100% 100% ;}
#yldi3{background:url("../image/img/y3.png") no-repeat scroll 100% 100% ;}
#yldi3:hover{background:url("../image/img/y3hv.png") no-repeat scroll 100% 100% ;}
#yldi4{background:url("../image/img/y4.png") no-repeat scroll 100% 100% ;}
#yldi4:hover{background:url("../image/img/y4hv.png") no-repeat scroll 100% 100% ;}
#yldi5{background:url("../image/img/y5.png") no-repeat scroll 100% 100% ;}
#yldi5:hover{background:url("../image/img/y5hv.png") no-repeat scroll 100% 100% ;}
/**/
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 : 10px; width :100px;height:20px;float: left;position: relative;top: 25px;}
.spanTest3 {text-align:center;float:left;padding : 10px; width :60px;height:20px;float: left;;position: relative;top: 25px;}
.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 : 10px; height:20px;float: left;position: relative;top: 25px;}
.fl { float: left; display: inline;min-width: 200px; }
.fr { float: right; display: inline; }
.fc1 { color: black; }
.fc2 {  color:#596880; margin-left:15px;font-size:14px;font-family:"微软雅黑";}
.wd140 { width: 100px; }
.wd145 { width: 145px; }
.wid70 { width: 70px; }
.line_h24 { line-height: 24px; }
.mar0 { margin: 0; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt40 { margin-top: 38px; }
.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; }
.multiChBtnStyle{float: left;}
.multiChBtnWidth{width: 120px;}

.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: 55px; height: 20px; line-height: 20px; padding-left: 4px; border: 1px solid #a5a5a5; }


/*SLIDER*/
.J_main_slider_box { float: left; width: 100px; height: 19px; margin: 0 0 0 4px; background: url(../image/playback/scrollvol1.png) no-repeat center center; }
.J_main_slider { float: left;top:3px; width: 12px; height: 19px; background: url(../image/pointer.png) no-repeat; cursor: pointer; }
.J_main_slider:hover { backg_round-image: url(../image/vol.gif); }

a.helpbtn { display: block; margin-top: 5px; width: 23px; height: 23px; }
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: 120px;}
#b_ab{width:120px;}
#b_c{width: 120px;}
#b_d{width: 120px;}
.J_navCon { min-width:1200px;width: 100%; margin: auto; bottom: 0; height: 60px;line-height:60px;  border: 0px solid #B1B1B1; background:url("../image/img/topbg.png") scroll 100% 100%;  }
.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: 60px; line-height: 60px;  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; }*/
.topStyle{float:left;}
.J_navCon .logout { float: right; width: 120px; height: 58px; border-left: 1px solid #124fb3;padding-left: 10px;}
.J_navCon .logoutimg { margin-top:12px; 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;font-size:10px;}
.J_navCon .loginuserimg {display: inline-block;margin-top:12px; width: 30px; height: 30px; background: url(../image/denglu.png) no-repeat; }
.J_navCon .loginuser {width: 30px; height: 30px; color: #ffffff;font-size:14px;}
.J_navCon .logout1 { float: right; width: 120px; height: 58px; border-right: 1px solid #124fb3; border-left:1px solid #124fb3;position:relative; margin-right:50px;padding-left:15px; }
.nav_btn{font-size:12px;color:white}

/*预览等*/
.alarmzt1{heigth:25px;width:23%;position:absolute; right:1px; top: 106px; float:right;right:1px;min-width:335px; }
.alarmzt {height:625px;width: 23%;position: absolute;right: 1px;top: 106px;border: 2px solid #B1B1B1;margin-top:30px;min-width:335px;}
.J_navCon1 { margin:auto 25px; bottom: 0; height: 46px; border: 1px solid #d7dce0;  }
.J_navCon1 ul li { float: left; width: 110px; height: 46px;  }
.J_navCon1 .J_alarmtip { position: relative; top: 11px; left: 260px; background: url(../image/alert.gif) no-repeat; width: 36px; height: 26px; text-align: center; cursor: pointer; }
.J_navCon1 .alarmNumber { position: relative; top: -25px; left: 275px;color:red; width: 36px; height: 26px; text-align: center; cursor: pointer; font-size: 10px;font-weight: bold;}
.J_navCon1 .nav_btn {  display: inline-block; width: 120px; height: 46px;text-indent:54px; line-height: 46px; float:right; font-size: 14px;color: #596880;  font-weight: bold;   }
.J_navCon1 .nav_btn1 { display: inline-block; width: 120px; height: 46px;text-indent:54px; line-height: 46px; float:right; font-size: 14px;color: #ffffff; font-weight: bold; text-decoration: none; }
/*.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 { 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; }
.multiChannel_selectImg{background:url(../image/yt3.gif);}
.multiChannel_button{background:url(../image/yt3.gif) 30px 0;}
.multiChannel_select{margin-right:2px;margin-top:2px;width:22px;height:22px;line-height:22px;text-align:center;font-size:14px;display:block;float:left;}
.multiChannel_select:hover{background:url(../image/yt3.gif) 30px 0;}
/*自动调焦*/
.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{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{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; right: 15px; top: 15px; display: none; }
.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; }
.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; }
.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: 2px; border: 0px solid #B1B1B1; }
.drdc{border: 1px solid #B1B1B1;width: auto;min-height: 440px;}
.J_mbContent .content_channelList{width: 200px;height:500px;border: 1px solid #FF0;float: left;}
/*CONTENT*/
.J_content { margin: 12px; border: 1px solid #d4d4d4; margin-top:27px;height: auto;}
.logmange_tab_title {border-bottom: 0px;}
/*TOPER-ICONS*/
/*
.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: #d7d8d9; height: 30px;padding-right:10px;  }
/*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   Channel*/
.changeChannelCount{height:30px;}
.changeChaCount{font-size:12px; font-weight:bold;color:#666;margin-left:5px;}
.channelListHeight{width:134px;margin-left:10px; }
.openAllbtn .streamBtn{float: left;width: 70px; color:#666;text-align: center;margin-left: 3px;margin-top:5px;}
.channelBgcolor{color: red;}
.groupModeStyle{margin-left:5px; width:18px;height:18px;}
.groupModelabel{font-size:16px;margin-left:10px;}
/*PREVIEW && PTZ*/
.J_preview_ct { text-align: left;wid-th: auto;min-width: 365px;}
.J_video_con {  }
.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: 154px;float:left;border:1px solid #d7dce0; margin-top:27px;margin-left: 25px;}
.J_video_stream .J_img_contitle { width: 154px;border-bottom:1px solid #d7dce0; height: 30px; line-height: 30px; margin-bottom:1px; background:url("../image/img/smallbt_bg.png") scroll 100% 100%; text-align:left; }
.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;overflow: hidden; line-height:24px;margin-bottom:2px;}
.J_video_stream ul li .chanText{width:90px;}
.J_video_bar { height: 38px; color: #fff; clear: both; background-color: #d6d9d9; }
/*底部的图标往右移动
*/
.J_video_bar .Rightbtn { border: 1px solid #c7c7c7; float: right; height: 23px; margin: 3px 0 0 6px; }
.J_video_bar .Leftbtn { float: left; height: 30px;width:65px;margin: 4px 0 0 3px;}
.J_video_bar .btnWnd{margin-left:15px;}
.J_video_bar .labWndState{font-size:12px; font-weight:bold;color:#666;}
.obt_1{height:25px;cursor: pointer;width:117px;text-align:center;display:block;line-height:25px;margin-left:13px;background:url(../image/img/btnbg3_1.png);}
.obt_1:hover{background:url(../image/img/btnbg4_1.png);color:#fff;}
.J_video_bar .Rightbtn { background-color: #c7c7c7; }
.J_video_bar a.alarmbtn { background: url(../image/alert_nor.png) no-repeat; width: 23px; }
.J_video_bar a.alarmbtn1 { background: url(../image/alert_sel.png) no-repeat; width: 23px; }
.J_video_bar a.alarmbtn:hover { background: url(../image/alert_hov.png) no-repeat; }
.J_video_bar a.bigbtn1 { background: url(../image/bigbtn_sel.gif) no-repeat; width: 24px;height: 24px; }
.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.voice { width: 23px; }
.J_video_bar a.voice1 { background: url(../image/voice_sel.gif) no-repeat; width: 23px; }
.J_video_bar a.voice:hover { background: url(../image/voice_hov.gif) no-repeat; }
.J_video_bar a.speak { background: url(../image/speak_nor.png) no-repeat; width: 23px; }
.J_video_bar a.speak1 { background: url(../image/speak_sel.png) no-repeat; width: 23px; }
.J_video_bar a.speak:hover { background: url(../image/speak_hov.png) no-repeat; width: 23px; }
.J_video_bar a.afocus {width: 24px;height: 24px;background-position: -3px -3px;}
.J_video_bar a.afocus1 {  background: url(../image/jujiao1.png) no-repeat; width: 24px;height: 24px;background-position: -3px -3px;}
.J_video_bar a.afocus:hover {  background: url(../image/jujiao1.png) no-repeat; width: 24px;height: 24px;background-position: -3px -3px;}
.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_bar a.vbtn3 {background: url(../image/quanpin.png) no-repeat;width:23px;}
.J_video_bar a.vbtn3:hover {background: url(../image/quanpinhv.png) no-repeat;width:23px;}

.J_video_btn { margin-top: 2px; height: 24px; }
.J_video_btn .pathBtn{float:left;margin-left:6px;margin-top:3px;}
.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: 37px; background: url(../image/tiaojie.png) no-repeat; }
.J_video_btn a.vbtn1_1 {height:26px;width: 37px;  background: url(../image/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, .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: 47px; background: url(../image/ptzshow.gif) no-repeat; }
.J_video_btn a.vbtn6:hover { background: url(../image/ptzshow_sel.gif) no-repeat; }
.J_video_btn a.vbtn6_1 { width: 47px; background: url(../image/ptzhide.gif) no-repeat; }
.J_video_btn a.vbtn6_1:hover { background: url(../image/ptzhide_sel.gif) 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 { text-align: center;margin-top:27px;padding: 0px; float:right;margin-right: 25px;width:154px;border:1px solid #d7dce0;}


/*image-Adjust*/
.J_img_sliderbar {  width: 154px;}
.J_img_sliderbar .J_img_contitle { width: 140px; height: 28px; line-height: 28px; margin: 0px; background: url(../image/sidebar4.gif) 0 -52px no-repeat; text-align: center; }
.J_image_adjust { width: 154px;  margin: 0; overflow: hidden;  }
.J_image_adjust span { float: left; margin-top: 4px; width: 20px; height:11px; color: #000; }
.J_imgfix { width: 151px; margin-top: 15px;  overflow: hidden; color: #FFF; }

.J_image_adjust .J_image_icon { float: left; display: inline-block; width: 19px; height: 19px; margin: 0 0 0 5px;  }
.J_image_adjust .J_light_icon {  }
.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: 78px; height: 23px; line-height: 23px; margin: 0 auto; overflow: hidden;background: url(../image/img/btnbg1.png) no-repeat scroll; color: #000; font-size: 12px; text-decoration: none; cursor: pointer; }
.J_image_adjust .resetBtn a:hover { background:url(../image/img/btnbg.png) no-repeat;color:#fff;}


.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: 154px;border-bottom:1px solid #d7dce0; height: 30px; line-height: 30px; overflow: hidden;background:url("../image/img/smallbt_bg.png") scroll 100% 100%; text-align: left; }
.J_ptz_righter { width: 154px; margin: 0; overflow: hidden; }
.J_ptz_bottom { width: 156px; height: 13px; overflow: hidden; }

.J_ptz { background: url(../image/ptz/ptzdir.gif) no-repeat center center; width: 94px; height: 94px; margin: 0 auto;margin-top:17px;margin-bottom:17px;}
.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.png); }
.J_ptz .J_ptz1:hover { background-image: url(../image/ptz/sel/leftup.png); }
.J_ptz .J_ptz2 { background-image: url(../image/ptz/nor/up.png); }
.J_ptz .J_ptz2:hover { background-image: url(../image/ptz/sel/up.png); }
.J_ptz .J_ptz3 { background-image: url(../image/ptz/nor/rightup.png); }
.J_ptz .J_ptz3:hover { background-image: url(../image/ptz/sel/rightup.png); }
.J_ptz .J_ptz4 { background-image: url(../image/ptz/nor/left.png); }
.J_ptz .J_ptz4:hover { background-image: url(../image/ptz/sel/left.png); }
.J_ptz .J_ptz5 { background-image: url(../image/ptz/nor/oneKeyFocus.png); }
.J_ptz .J_ptz5:hover { background-image: url(../image/ptz/sel/oneKeyFocus.png); }
.J_ptz .J_ptz51 { background-image: url(../image/ptz/sel/oneKeyFocus.png); }
.J_ptz .J_ptz6 { background-image: url(../image/ptz/nor/right.png); }
.J_ptz .J_ptz6:hover { background-image: url(../image/ptz/sel/right.png); }
.J_ptz .J_ptz7 { background-image: url(../image/ptz/nor/leftdown.png); }
.J_ptz .J_ptz7:hover { background-image: url(../image/ptz/sel/leftdown.png); }
.J_ptz .J_ptz8 { background-image: url(../image/ptz/nor/down.png); }
.J_ptz .J_ptz8:hover { background-image: url(../image/ptz/sel/down.png); }
.J_ptz .J_ptz9 { background-image: url(../image/ptz/nor/rightdown.png); }
.J_ptz .J_ptz9:hover { background-image: url(../image/ptz/sel/rightdown.png); }

.J_step { width: 152px; font-size: 12px; text-align: left; text-indent: 20px;margin:8px 0; }
.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/img/speed_add.png); }
.J_less_icon:hover { background-image: url(../image/img/speed_add1.png); }
.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/img/speed_reduce.png); }
.J_more_icon:hover { background-image: url(../image/img/speed_reduce1.png); }
.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 {  width: 154px;overflow: hidden;}
h4 { margin: 10px auto 20px auto; }
.J_add_ptz_set .J_ptz_top1 { border-bottom:1px solid #d7dce0; width: 154px; height: 30px; line-height: 30px; overflow: hidden;background:rgba(0,0,0,0) url("../image/img/smallbt_bg.png") scroll 100% 100%;}
.J_add_ptz_set .J_ptz_top1 .J_pnow1{padding-left:15px; color: #596880;font-size:14px;line-height:30px;font-family:"微软雅黑";text-align:left; }
.J_pzt_select { padding: 12px 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: center; }
.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: 45px; height: 26px; margin: 5px 2px 0px auto; overflow: hidden; cursor: pointer; line-height: 26px; font-size: 12px; color: #373737; text-align: center;text-indent: 0px; }
.J_buton_contain .J_ptzbtn3, .J_tc_con1 .J_ptzbtn3 {height:23px;font:12px/23;line-height: 23px; width: 78px; padding-left: 0; margin: 0px 2px 0px 23px;background:url(../image/img/btnbg1.png) no-repeat; text-align: center; }
.J_buton_contain .J_ptzbtn3:hover, .J_tc_con1 .J_ptzbtn3:hover {background:url(../image/img/btnbg.png) no-repeat;color:#fff;}
.J_buton_contain .J_ptzbtn4, .J_tc_con1 .J_ptzbtn4 {height:23px;font:12px/23;line-height: 23px;width: 78px;background:url(../image/img/btnbg1.png) no-repeat; padding-left: 0; margin: 0px 2px 0px 23px; text-align: center; }
.J_buton_contain .J_ptzbtn4:hover, .J_tc_con1 .J_ptzbtn4:hover {background:url(../image/img/btnbg.png) no-repeat;color:#fff; }
.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: 68px; height: 23px; line-height: 24px; background: url(../image/img/btnbg11.png) no-repeat; padding-left: 0; margin: 0px 2px 0px auto; text-align: center; }
.J_buton_contain .J_ptzbtn1:hover, .J_tc_con1 .J_ptzbtn1:hover {background:url(../image/img/btnbg111.png) no-repeat;color:#fff; }
.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; }
.playback_ocx{position: absolute;}
/*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; }

#tishikuang{position:absolute;bottom:1px;right:5px;width:181px;height:142px;border:1px solid #667080;background-color:#FFF;}
#tishikuang .tishiTitle{height:36px;width:181px;background:url(../image/msg.png) repeat;}
.ocxMsgStyle{color:#000000;font-family:'微软雅黑';width:181px;height:80px;font-size:12px;}
.closeMsg{background: url(../image/zhuxiao.png) no-repeat;width:25px;height: 25px;}
.openMsgPath{text-decoration:underline;}
.openMsgPath:hover{text-decoration:none;cursor: pointer;color:#2c6fd5;};