/*鱼眼调节*/
.J_img_fash img{cursor: pointer;margin-top: 5px;margin-left: 3px;}
/*.J_img_fash a{width:32px;height: 16px; background: url(../image/add/fash_btn.png) no-repeat;color: black;display: blcok;}*/
.J_img_fash ul li{color: white}
.fash_btn{height: 26px; width: 42px; background: url(../image/add/fash.png) no-repeat;color:#8c98a7;}
.fash_btn:hover{height: 26px; width: 42px; background: url(../image/add/hover_fash.png) no-repeat;}
.fash_btn1{height: 26px; width: 42px; background: url(../image/add/hover_fash.png) no-repeat;}
.preview_rt2 { margin-bottom: 5px; text-align: center;margin: 0px;padding: 0px;}
.J_img_fash { float: right; width: 227px;position: relative; background: #5C5C5C}
.fash_text {line-height: 19px;}
.double_left{height: 16px; width: 24px; background: url(../image/add/double_left.png) no-repeat;cursor: pointer;}
.double_left:hover{height: 16px; width: 24px; background: url(../image/add/hover_double_left.png) no-repeat;cursor: pointer;}
.double_right{height: 16px; width: 24px; background: url(../image/add/double_right.png) no-repeat;cursor: pointer;}
.double_right:hover{height: 16px; width: 24px; background: url(../image/add/hover_double_right.png) no-repeat;cursor: pointer;}
.sub_left{height: 16px; width: 16px; background: url(../image/add/sub_left.png) no-repeat;}
.sub_left:hover{height: 16px; width: 16px; background: url(../image/add/hover_sub_left.png) no-repeat;}
.sub_right{height: 16px; width: 16px; background: url(../image/add/add_right.png) no-repeat;}
.sub_right:hover{height: 16px; width: 16px; background: url(../image/add/hover_add_right.png) no-repeat;}
.fash_stop{height: 16px; width: 16px; background: url(../image/add/fash_stop.png) no-repeat;}
.fash_stop:hover{height: 16px; width: 16px; background: url(../image/add/hover_fash_stop.png) no-repeat;}
.fash_text{height: 16px; width: 32px;}
.fash_tip{width:30px;height:16px;line-height: 16px;}
.fash_tip2{width:120px;height:16px;line-height: 16px;}
.fash_btn_set{width:30px;height: 16px; background: url(../image/add/fash_btn.png) no-repeat;color: black;display: block;text-align: center;line-height: 16px;margin-top: 5px;}
.fash_btn_set:hover{width:30px;height: 16px; background: url(../image/add/hover_fash_btn.png) no-repeat;color:#8c98a7 ;display: block;text-align: center;line-height: 16px;margin-top: 5px;}
.J_img_contitle_fash{ width: 227px; height: 28px; line-height: 28px; margin: 0px; background: url(../image/sidebar_fash.png) no-repeat; text-align: center; }

/*智能报警*/
.clearAlarm{float:left;background-color: #d8d8d9;height: 37px;border:1px solid  #B1B1B1; border-right: 0px; border-top: 0px; border-left: 0px;}
/*.clearAlarm ul li{width:160px;height:32px;}*/
.newAlarm{border: 1px solid  #B1B1B1;}
.alarmClear{ margin-left:15px;background: url(../image/background_white.png) no-repeat;width:76px;height: 22px;line-height: 22px;text-align: center;cursor: pointer;}
.alarmClear:hover{ background: url(../image/background_blue.png) no-repeat;}
.intell_btn{height: 26px; width: 42px; background: url(../image/add/hide_intell.png) no-repeat;color:#8c98a7;}
.intell_btn:hover{height: 26px; width: 42px; background: url(../image/add/show_intell.png) no-repeat;color:#8c98a7;}
.intell_btn_1{height: 26px; width: 42px; background: url(../image/add/show_intell.png) no-repeat;color:#8c98a7;}

/*OSD*/
.osd_img{background: url(../image/add/camera.png) no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}
.osd_img1{background: url(../image/add/camera.png) -120px 0 no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}

/*视频大小*/
.old_bl{height: 26px;width: 42px;background: url(../image/add/old_bl.png) no-repeat;}
.old_bl:hover{height: 26px;width: 42px;background: url(../image/add/hover_old_bl.png) no-repeat;}
.sy_bl{height: 26px;width: 42px;background: url(../image/add/sy_bl.png) no-repeat;}
.sy_bl:hover{height: 26px;width: 42px;background: url(../image/add/hover_sy_bl.png) no-repeat;}

/*//端口sheet和ptzsheet*/
.connect_tab_title {border-left: 1px solid #b1b1b1;border-top: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;}
.ptz_tab_title  {border-left: 1px solid #b1b1b1;border-top: 1px solid #b1b1b1;border-right: 1px solid #b1b1b1;}

/*图像配置配置属性改成下拉*/
.camera_up{background: url(../image/add/camera.png) no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}
.camera_down{background: url(../image/add/camera.png) -120px 0 no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}
.camera_right{margin-left: 15px;}
.J_text_r2{text-align: left; text-indent: 2em;}

/*周界目标过滤 Filterconfig*/
.filter_tab_title{border: 1px solid #B1B1B1; border-bottom: 0px;}
/*人脸目标过滤*/
.faceFilter_tab_title{border: 1px solid #B1B1B1; border-bottom: 0px;}
/*vqd*/
.vqd_tab_title{border: 1px solid #B1B1B1; border-bottom: 0px;}

/*回放页面的sheet*/
.playSheet ul li a{width:50px;height: 26px;display: block;float: left;text-align: center;line-height: 26px;}
.openSheet{background: white;}
.offSheet{background: #f0f0f0;}
.btnSearch_add{float: left;display: block;width: 60px;height: 26px;background: url(../image/add/pbbbtn.png) no-repeat -138px -373px;margin-left: 4px;}
.btnSearch_add:hover{float: left;display: block;width: 60px;height: 26px;background: url(../image/add/pbbbtn.png) no-repeat -138px -399px;margin-left: 4px;}
.ZnEvent{float: right;display: block;width: 45px;height: 22px;background: url(../image/add/znplayback.png);margin-top: 2px; text-align: center;line-height: 22px;color: black;}
.ZnEvent1{float: right;display: block;width: 45px;height: 22px;background: url(../image/add/znplayback_hover.png);margin-top: 2px;text-align: center;line-height: 22px;color: white;}
.coolblueBlock{background: #398CB1;width: 10px;height: 10px;overflow: hidden;}
.znBlueBlock{ display: block; width: 10px; height: 10px; overflow: hidden; background-color: #398CB1;}
.playback_zn_clear{display:none;background: url(../image/add/clearZnTypes.png) no-repeat 0px 0px;text-align: center;line-height: 26px;width: 50px;height: 26px;color: black;}
.playback_zn_clear:hover{background: url(../image/add/clearZnTypes.png) repeat 0 26px;text-align: center;line-height: 26px;width: 50px;height: 26px;color: white;}
.J_pb_inputbox{width: 20px;height: 20px;line-height: 20px;text-align: center;border: 0 none;}
.J_pbtimebar {width: 180px;height: 24px;line-height: 24px;margin-top: 5px;text-align: center;border: 0px solid;float:right;}
.stopTop{float: right;width: 350px;}
.stopA{height: 20px;float: left;margin-left: 50px;}
.pb-down-line{height: 20px;width: 150px;float: right;background: white;margin-right: 110px;margin-top: 8px;}
.pb-down-current{width: 0px;height: 20px;background: blue;}
.downText{width: 100px;float: right;margin-top: -16px;text-align: center}
.playback_clip{display:block;background: url(../image/add/clip.png) no-repeat -5px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_clip2{display:block;background: url(../image/add/clip_hover.png) no-repeat -5px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_clip2:hover{display:block;background: url(../image/add/clip_hover.png) no-repeat -5px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_clip:hover{display:block;background: url(../image/add/clip_hover.png) no-repeat -5px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_save{display:block;background: url(../image/add/save.png) no-repeat -4px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_save:hover{display:block;background: url(../image/add/save_hover.png) no-repeat -4px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_save1{display:block;background: url(../image/add/save_hover.png) no-repeat -4px 0px;cursor: pointer;width:32px;height: 26px;}
.playback_save1:hover{display:block;background: url(../image/add/save_hover.png) no-repeat -4px 0px;cursor: pointer;width:32px;height: 26px;}
.stopToClip{display:block;background: url(../image/add/stop.png) no-repeat 1px 0px;cursor: pointer;width:32px;height: 26px;}
.stopToClip:hover{display:block;background: url(../image/add/stop_hover.png) no-repeat 1px 0px;cursor: pointer;width:32px;height: 26px;}
.snapPlayback{background: url(../image/add/zhuatu.png) no-repeat;}
.snapPlayback:hover{background: url(../image/add/zhuatu1.png) no-repeat;}
.localPlay{width: 24px;height: 24px;background: url(../image/add/localPlay.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 6px;display: block;position: absolute}
.localPlay:hover{background: url(../image/add/localPlay_hover.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 6px;height: 24px;width: 24px;display: block;position: absolute}

/*预览页面回放本地视频*/
.prePlayLine{width: 300px; margin-left: 50px;margin-top: 5px;}
.prePlay{width: 24px;height: 24px;background: url(../image/add/prePlay.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 360px;display: block;position: absolute;}
.prePlay:hover{width: 24px;height: 24px;background: url(../image/add/prePlay_hover.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 360px;display: block;position: absolute;}
.preStop{width: 24px;height: 24px;background: url(../image/add/preStop.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 390px;display: block;position: absolute;}
.preStop:hover{width: 24px;height: 24px;background: url(../image/add/preStop_hover.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 390px;display: block;position: absolute;}
.preSoon{width: 24px;height: 24px;background: url(../image/add/preSoon.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 420px;display: block;position: absolute;}
.preSoon:hover{width: 24px;height: 24px;background: url(../image/add/preSoon_hover.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 420px;display: block;position: absolute;}
.preQuite{width: 24px;height: 24px;background: url(../image/add/preQuite.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 450px;display: block;position: absolute;}
.preQuite:hover{width: 24px;height: 24px;background: url(../image/add/preQuite_hover.png) no-repeat;border: 1px solid #c7c7c7;margin: 3px 0 0 450px;display: block;position: absolute;}

.osdSend{ border: 1px solid #010102; background-position: 0 -24px; font-size:13px;}
.osdUp{cursor: pointer; right: 50px; margin: 10px 10px 0 0; filter: alpha(opacity=0); position: absolute; right: 130px;top: 0;font-size: 40px; overflow: hidden; outline: 0px none; cursor: pointer; width: 110px; height: 26px;opacity: 0; cursor: pointer;}

/*重置密码*/
.resetPWD{z-index: 1; border: 1px solid #b1b1b1;position: absolute;left: 600px;background: white; display: none;min-width: 330px;min-height: 180px;left: 49%;}

.ui-slider_estop{position: absolute; left: 27px; top: 128px; width: 100px; height: 19px; background: #fff; opacity: 0; filter: alpha(opacity=0);}

.videodetect-region-item{width: 27px;height: 27px;}

.videodetect-region-current{background: #EAEAEA;}
.videodetect-red{background: rgb(255, 45, 17);}
.videodetect-yellow{background: rgb(255, 244, 17);}
.videodetect-blue{background: rgb(6, 200, 249);}
.videodetect-green{background: rgb(61, 255, 0);}
.in_li{display: block;width: 17px;height: 17px;margin: 5px;}

.J_block_purple{background: rgb(152, 26, 255); display: block; width: 10px; height: 10px;}

.J_prog_p1 {height: 15px; background: url(../image/btnbg.gif) repeat-x 0 -50px; float: left;}

.spanTestLeft{left: 25px; width: 100px; display: block;text-align: center;padding: 3px;height: 20px;float: left;position: relative;top: 33px;}
.spanTestLeft2{left: 25px; width: 100px; display: block;text-align: center;padding: 3px;height: 20px;float: left;position: relative;top: 20px;}
.spanTestRight{display: block; left: 35px;text-align: center;padding: 3px;height: 20px;float: left;position: relative;top: 33px;width:100px;}
.imgTest{position:relative; left:20px; width:100px;float: left; height:100px;}

/*osdColor*/
#colorBoard{position:absolute; padding:10px; width:256px; height:220px; background:#f3f3f3; border:#d9d9d9 1px solid;}
#colorBank{clear:both; border:#d9d9d9 1px solid; background:#FFF; width:252px; padding:0 0 2px 2px; overflow:hidden; margin:0 auto 0 auto;}
#colorBank div{ overflow:hidden; height:12px; width:12px; margin:2px 2px 0 0; float:left; overflow:hidden; cursor:pointer;}
#colorViews{width:80px; height:20px; float:left;border:#d9d9d9 1px solid; background:#000; display:block; margin: 0 10px 10px 0;}
#colorInput{width:70px; height:18px; float:left; font-family:Verdana; font-size:13px; color:#333; display:block; border:none; background:#FFF;border:#d9d9d9 1px solid;margin: 0 10px 10px 0;}
#colorClose{width:80px; color:black; height:22px; float:left;display:block; background:#f3f3f3;cursor:pointer;border:#d9d9d9 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid;}

#colorBoard1{position:absolute; padding:10px; width:256px; height:220px; background:#f3f3f3; border:#d9d9d9 1px solid;}
#colorBank1{ clear:both; border:#d9d9d9 1px solid; background:#FFF; width:252px; padding:0 0 2px 2px; overflow:hidden; margin:0 auto 0 auto;}
#colorBank1 div{ overflow:hidden; height:12px; width:12px; margin:2px 2px 0 0; float:left; overflow:hidden; cursor:pointer;}
#colorViews1{width:80px; height:20px; float:left;border:#d9d9d9 1px solid; background:#000; display:block; margin: 0 10px 10px 0;}
#colorInput1{width:70px; height:18px; float:left; font-family:Verdana; font-size:13px; color:#333; display:block; border:none; background:#FFF;border:#d9d9d9 1px solid;margin: 0 10px 10px 0;}
#colorClose1{width:80px; color:black; height:22px; float:left;display:block; background:#f3f3f3;cursor:pointer;border:#d9d9d9 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid;}
.osdColor{color: black;}

#pageColorViews{width:20px; height:20px;cursor:pointer; border: 1px solid black;}
#pageColorViews1{width:20px; height:20px;cursor:pointer; border: 1px solid black;}

.colorView{ursor: pointer;width:30px;height:30px; border: 1px solid #050505;}