/*鱼眼调节*/
.J_img_fish img{cursor: pointer;margin-top: 5px;margin-left: 3px;}
/*.J_img_fish a{width:32px;height: 16px; background: url(../image/add/fish_btn.png) no-repeat;color: black;display: blcok;}*/
.J_img_fish ul li{color: white}
.fish_btn{height: 26px; width: 42px; background: url(../image/add/fish.png) no-repeat;color:#8c98a7;}
.fish_btn:hover{height: 26px; width: 42px; background: url(../image/add/hover_fish.png) no-repeat;}
.fish_btn1{height: 26px; width: 42px; background: url(../image/add/hover_fish.png) no-repeat;}
.preview_rt2 { margin-bottom: 5px; text-align: center;margin: 0px;padding: 0px;}
.J_img_fish { float: right; width: 180px; position: relative; border: 1px solid #d4d4d4; background: #fff; }
.fish_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;}
.fish_stop{height: 16px; width: 16px; background: url(../image/add/fish_stop.png) no-repeat;}
.fish_stop:hover{height: 16px; width: 16px; background: url(../image/add/hover_fish_stop.png) no-repeat;}
.fish_text{height: 16px; width: 32px;}
.fish_tip{width:30px;height:16px;line-height: 16px;}
.fish_tip2{width:120px;height:16px;line-height: 16px;}
.fish_btn_set{width:30px;height: 16px; background: url(../image/add/fish_btn.png) no-repeat;color: black;display: block;text-align: center;line-height: 16px;margin-top: 5px;}
.fish_btn_set:hover{width:30px;height: 16px; background: url(../image/add/hover_fish_btn.png) no-repeat;color:#8c98a7 ;display: block;text-align: center;line-height: 16px;margin-top: 5px;}
.J_img_contitle_fish{ width: 227px; height: 28px; line-height: 28px; margin: 0px; background: url(../image/sidebar_fish.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: 100px; 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 160px;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 160px;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 190px;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 190px;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 220px;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 220px;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 250px;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 250px;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;}

/*鱼眼新增样式*/
.clear_fish { clear: both; }
.J_fish_top { height: 30px; }
.J_fish_top a { float: left; display: block; width: 89px; height: 30px; line-height: 30px; text-align: center; background: #EEEEEE; color: #000; font-size: larger; font-weight: bolder; border-bottom: 1px solid #B1B1B1;}
.J_fish_top a.f1 { color: #FF0000; background: #FFFFFF; }
.J_fish_top a:first-child { border-right: 1px solid #d4d4d4; }
.J_fish_middle {  }
.J_fish_installation { padding: 0 20px; text-align: left; height: 30px; line-height: 30px; background: #EEEEEE; }
.J_fish_middle_img { padding: 15px 0 15px; text-align: left;}
.J_img_fish .J_fish_image { display: inline-block; width: 48px; height: 48px; margin-left: 8px; cursor: pointer; }
.J_img_fish .ceil { background: url('../image/add/ceil.png') }
.J_img_fish .ceil:hover { background: url('../image/add/ceil_selected.png') }
.J_img_fish .ceilSelected { background: url('../image/add/ceil_selected.png') }
.J_img_fish .ceilSelected:hover { background: url('../image/add/ceil.png') }
.J_img_fish .wall { background: url('../image/add/wall.png') }
.J_img_fish .wall:hover { background: url('../image/add/wall_selected.png') }
.J_img_fish .wallSelected { background: url('../image/add/wall_selected.png') }
.J_img_fish .wallSelected:hover { background: url('../image/add/wall.png') }
.J_img_fish .desktop { background: url('../image/add/desktop.png') }
.J_img_fish .desktop:hover { background: url('../image/add/desktop_selected.png') }
.J_img_fish .desktopSelected { background: url('../image/add/desktop_selected.png') }
.J_img_fish .desktopSelected:hover { background: url('../image/add/desktop.png') }
.J_img_fish .fish1 { background: url('../image/add/fish1.png') }
.J_img_fish .fish1:hover { background: url('../image/add/fish1selected.png') }
.J_img_fish .fish1selected { background: url('../image/add/fish1selected.png') }
.J_img_fish .fish1selected:hover { background: url('../image/add/fish1.png') }
.J_img_fish .fish2 { background: url('../image/add/fish2.png') }
.J_img_fish .fish2:hover { background: url('../image/add/fish2selected.png') }
.J_img_fish .fish2selected { background: url('../image/add/fish2selected.png') }
.J_img_fish .fish2selected:hover { background: url('../image/add/fish2.png') }
.J_img_fish .fish3 { background: url('../image/add/fish3.png') }
.J_img_fish .fish3:hover { background: url('../image/add/fish3selected.png') }
.J_img_fish .fish3selected { background: url('../image/add/fish3selected.png') }
.J_img_fish .fish3selected:hover { background: url('../image/add/fish3.png') }
.J_img_fish .fish4 { background: url('../image/add/fish4.png') }
.J_img_fish .fish4:hover { background: url('../image/add/fish4selected.png') }
.J_img_fish .fish4selected { background: url('../image/add/fish4selected.png') }
.J_img_fish .fish4selected:hover { background: url('../image/add/fish4.png') }
.J_img_fish .fish5 { background: url('../image/add/fish5.png') }
.J_img_fish .fish5:hover { background: url('../image/add/fish5selected.png') }
.J_img_fish .fish5selected { background: url('../image/add/fish5selected.png') }
.J_img_fish .fish5selected:hover { background: url('../image/add/fish5.png') }
.J_img_fish .fish6 { background: url('../image/add/fish6.png') }
.J_img_fish .fish6:hover { background: url('../image/add/fish6selected.png') }
.J_img_fish .fish6selected { background: url('../image/add/fish6selected.png') }
.J_img_fish .fish6selected:hover { background: url('../image/add/fish6.png') }
.J_img_fish .fish7 { background: url('../image/add/fish7.png') }
.J_img_fish .fish7:hover { background: url('../image/add/fish7selected.png') }
.J_img_fish .fish7selected { background: url('../image/add/fish7selected.png') }
.J_img_fish .fish7selected:hover { background: url('../image/add/fish7.png') }
.J_img_fish .fish8 { background: url('../image/add/fish8.png') }
.J_img_fish .fish8:hover { background: url('../image/add/fish8selected.png') }
.J_img_fish .fish8selected { background: url('../image/add/fish8selected.png') }
.J_img_fish .fish8selected:hover { background: url('../image/add/fish8.png') }
.J_img_fish .fish9 { background: url('../image/add/fish9.png') }
.J_img_fish .fish9:hover { background: url('../image/add/fish9selected.png') }
.J_img_fish .fish9selected { background: url('../image/add/fish9selected.png') }
.J_img_fish .fish9selected:hover { background: url('../image/add/fish9.png') }
.J_img_fish .fish10 { background: url('../image/add/fish10.png') }
.J_img_fish .fish10:hover { background: url('../image/add/fish10selected.png') }
.J_img_fish .fish10selected { background: url('../image/add/fish10selected.png') }
.J_img_fish .fish10selected:hover { background: url('../image/add/fish10.png') }
.J_img_fish .fish11 { background: url('../image/add/fish11.png') }
.J_img_fish .fish11:hover { background: url('../image/add/fish11selected.png') }
.J_img_fish .fish11selected { background: url('../image/add/fish11selected.png') }
.J_img_fish .fish11selected:hover { background: url('../image/add/fish11.png') }
.J_img_fish .fish12 { background: url('../image/add/fish12.png') }
.J_img_fish .fish12:hover { background: url('../image/add/fish12selected.png') }
.J_img_fish .fish12selected { background: url('../image/add/fish12selected.png') }
.J_img_fish .fish12selected:hover { background: url('../image/add/fish12.png') }
.J_img_fish .fish13 { background: url('../image/add/fish13.png') }
.J_img_fish .fish13:hover { background: url('../image/add/fish13selected.png') }
.J_img_fish .fish13selected { background: url('../image/add/fish13selected.png') }
.J_img_fish .fish13selected:hover { background: url('../image/add/fish13.png') }

.fisheyeChannelList { overflow: auto; }
.fisheyeChannelList .J_fish_Chcontent { height: 22px; padding: 0 18px; }
.fisheyeChannelList .J_fish_Chcontent2 {padding: 0 18px; }
.fisheyeChannelList .J_hei22 { height: 22px; }
.fisheyeChannelList .J_fishCh { height: 25px; line-height: 25px; }
.fisheyeChannelList .J_fishFloat { float: left; cursor: pointer;}
.fisheyeChannelList .J_ctbn { width: 23px; height: 22px; text-align: center; }
.fisheyeChannelList .J_wid93 { width: 93px; color: black;}
/*.fisheyeChannelList .J_wid93:hover { width: 93px; color: red;}*/
.fisheyeChannelList .J_wid93_1 { width: 93px; color: red;}
/*.fisheyeChannelList .J_wid93_1:hover { width: 93px; color: black;}*/
.fisheyeChannelList .ch_btn { float: left; width: 23px; height: 18px; margin-top: 1px; cursor: pointer; }
.fisheyeChannelList .icon { background: url('../image/add/fishPlay.gif') }
.fisheyeChannelList .icon:hover { background: url('../image/add/fishPlay_1.gif') }
.fisheyeChannelList .icon1 { background: url('../image/add/fishPlay_1.gif') }
.fisheyeChannelList .icon1:hover { background: url('../image/add/fishPlay.gif') }
.fisheyeChannelList .record { background: url('../image/add/fishRecode.gif') }
.fisheyeChannelList .record:hover { background: url('../image/add/fishRecode_1.gif') }
.fisheyeChannelList .record1 { background: url('../image/add/fishRecode_1.gif') }
.fisheyeChannelList .record1:hover { background: url('../image/add/fishRecode.gif') }

.snapType{border: 1px solid #c7c7c7;float: right;height: 23px;margin: 4px 6px 0 6px;}
.fish_record{display: none;}