@charset "utf-8";
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;font-weight:400;}
h1,h2,h3,h4,h4,h5{margin:0;padding:0;}
body{padding:0px;font-family: Calibri, "Noto Sans CJK SC", "Source Han Sans CN", Arial, Helvetica, sans-serif,"宋体";font-size:12px;color:#3c3c3c;margin:0;padding:0;background:#AAAAAA;}
html{overflow:hidden;}
div{margin-left:auto;margin-right:auto;}
select{font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";font-size:12px;padding-left:8px;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
hr{clear:both;margin:5px 0;*margin:0;border-width:0;border-top:1px solid #c5c5c5;border-bottom:1px solid #FFF;height:2px;overflow:hidden;}
ol,ul{list-style:none;}
a{cursor:pointer;outline:none;text-decoration:none; color:#222222;}
label{margin:0px;padding:0 8px 0 0;}

/*登录样式*/
#lg_out {top:0px;left:0px;width:100%;height:100%;position:absolute;_height:600px;}
#login{width:100%;height:576px;position: absolute;top:20%;left:0;_top:100px;}
#lg{background:url(../images/lgbg.jpg) no-repeat;width:484px;height:344px;}
.lgcon{width:484px;height:344px;padding-top:132px;}
.titlelog{float:left;width:167px;height:30px;text-align:right;margin-bottom:10px;color:#c1c1c1;line-height:30px;font-size:12px;}
.tvalue{float:left;height:27px;padding-top:3px;padding-left:10px;}
.lgcon ul{width:484px;clear:both;height:30px;margin-bottom:10px;}
.lgcon ul input {text-indent:10px;font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";font-size:12px;height:16px;border:1px solid #7a7a7a;margin:0px;background:#e0e0e0;padding-top:2px;width:170px;}
.lgcon ul select {font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";font-size:12px;height:22px;border:1px solid #7a7a7a;margin:0px;background:#e0e0e0;padding-top:2px;width:170px;padding-left:8px;}
.lgbtnout{width:474px;height:30px;clear:both;padding-top:10px;}
.lgbtn{width:180px;height:26px;text-align:center;}
.lgbtn a{float:left;width:77px;height:26px;background:url(../images/btn1.png) no-repeat;display:block;line-height:26px;margin:0 6px;color:#000;font-size:12px;text-decoration:none;display:inline;}
.lgbtn a:hover{background-position: 0 -26px;}
#divOCXAlert{width:474px;height:30px;clear:both;padding-top:10px;color:#EFEFEF;font-size:12px;text-align:center;}
#divForgetPsw{width:296px;height:30px;clear:both;padding-top:8px;color:#EFEFEF;font-size:12px;text-align:right;}
#divErrorStr{width:400px;height:26px;padding-left:10px;padding-bottom:4px;color:#AAAAAA;font-size:12px;text-align:left;float:left; overflow:hidden;}
.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);}
.modal-content {position: relative;background-color: white;margin: auto;padding: 20px;border: 1px solid #888;max-width: 50%;max-height: 50%;overflow: auto;}
.modal-close {position: absolute;top: 0px;right: 0px;color: red;font-size: 20px;font-weight: bold;padding: 6px;cursor: pointer;}
.modal-a{text-decoration: none;color: blue;font-size: 24px;}
.modal-p{color: black;font-size: 24px;}

/* Main */
.ie-out{_margin-left:1802px;_zoom:1;}
.ie-in{_position:relative;_float:left;_margin-left:-1802px;}
.min-width{width:100%;height:100%;min_width:1002px;_zoom:1;clear:both;}
#main{height:100%; width:100%;min-width:1002px;min-height:560px;top:-10000px;_top:-10000px;left:0px;overflow:hidden;background:#262626;}

/*主菜单顶部样式*/	
.header{position:relative;_zoom:1;width:100%;min-width:1002px;height:56px;margin-bottom:3px;clear:both;display:block;background:#262626;}
.nav{ font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";height:30px;position:absolute;left:0px;bottom:0;_top:26px; letter-spacing:2px;}
.nav ul li{width:116px;height:30px;float: left;}
.nav_btn{width:116px;height:30px;background:url(../images/btn3.png) no-repeat  0 -30px;display: block;line-height:30px;color:#FFFFFF;font-size:14px;text-decoration:none;margin-left:1px;text-align:center;font-weight:bold;border:none;}
.nav_btn:hover{background-position:0 0;color:#FFFFFF;}
.nav_btn1{width:116px;height:30px;background:url(../images/btn3.png) no-repeat;display:block;line-height:30px;color:#FFFFFF;font-size:14px;text-decoration:none;margin-left:1px;text-align:center;font-weight:bold;}
#logo{position:absolute;right:5px;width:320px;cursor:auto;overflow:hidden;}
#logo img{float:right;}
#divType{position:absolute;top:22px;_top:22px;left:500px;width:320px;height:32px;text-align:left;color:#FFFFFF;font-size:18px;padding:0;overflow:hidden;}

/*主区域样式*/	
.main_mb{position:relative;_zoom:1;width:100%;height:100%;min-width:1002px;min-height:560px;margin:0;padding:0;background-color:#DCDCDC;clear:both;display:block;}
/*实时视频样式*/	
.preview_mt{clear:both;display:block;text-align:left;}
.preview_li{float:left;width:198px;height:560px;min-height:560px;display:block;margin:0px;padding:0px;border:1px solid #AAAAAA;overflow-y:auto;overflow-x:hidden;
	SCROLLBAR-FACE-COLOR:#DCDCDC;SCROLLBAR-TRACK-COLOR:#E1E1E1;SCROLLBAR-HIGHLIGHT-COLOR:#F1F1F1;SCROLLBAR-SHADOW-COLOR:#BDBDBD;
	SCROLLBAR-3DLIGHT-COLOR:#EFEFEF;SCROLLBAR-DARKSHADOW-COLOR:#EFEFEF;SCROLLBAR-ARROW-COLOR:#AAAAAA;
}
.preview_lt{float:left;width:820px;height:100%;min-height:560px;background:#000 url(../images/tx.jpg) no-repeat 50% 50%;overflow:hidden;}
.preview_rt{float:left;width:180px;height:100%;min-height:560px;text-align:center;*position:relative;*float:none;*text-align:center;*margin:0;*right:0px;}
/*日志样式*/
.log_mt{_width:1000px;min-width:1000px;height:100%;min-height:560px;margin:0px;clear:both;display:block;}
.log_con{width:100%;height:100%;min-height:560px;float:left;margin:0px;clear:both;display:block;overflow:hidden;*position:relative;text-align:center;}
/*参数设置样式*/
.setting_mt{_width:1000px;min-width:1000px;height:100%;margin:0px;padding:0px;}
.setting_lt{float:left;width:202px;height:100%;margin:0px;padding:0px;background:#5f6062;}
.setting_rt{float:right;width:798px;height:100%;min-height:554px;margin-left:0px;_margin-left:0px;}
.rline{height:100%;margin:5px;padding:0px;border:1px solid #ebebeb;}
.estopAll{position:absolute;top:0;left:0;background:#5f6062;opacity:0;}

.videotop{ height:26px; padding-bottom:3px; position:relative;background:#393939;}
.bar{ font-size:14px;font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";height:23px; position:absolute; left:60px; top:3px; _top:3px;}
.bar ul li{ height:23px;  float: left; /*overflow:hidden;*/}
.leftbtn{ float:left; display:block; width:35px; height:17px; margin-left:8px; background:url(../images/btnbar.png) no-repeat 0 0; color:#FFFFFF; padding: 5px 0 0 35px; text-decoration:none; /*overflow:hidden;*/}

.snap{background-position:0 0;}
.snap:hover{background-position:0 -23px; color:#f78f1e;}

.localRec{background-position:-70px 0;}
.localRec1{background-position:-70px -46px; color:#f78f1e;}
.localRec:hover{background-position:-70px -23px; color:#f78f1e;}

.talk{background-position:-140px 0; padding-left:22px;}
.talk1{background-position:-140px -46px; padding-left:22px; color:#f78f1e;}
.talk:hover{background-position:-140px -23px; padding-left:22px; color:#f78f1e;}

.voice{background-position:-210px 0;}
.voice1{background-position:-210px -46px; color:#f78f1e;}
.voice:hover{background-position:-210px -23px; color:#f78f1e;}
.a3DPTZ{background-position:-488px 0;width:68px;}
.a3DPTZ1{background-position:-488px -46px; color:#f78f1e;width:68px; }
.a3DPTZ:hover{background-position:-488px -23px; color:#f78f1e;width:68px; }
.full{background-position:-420px 0; padding-left:28px;}
.full:hover{background-position:-420px -23px; padding-left:28px; color:#f78f1e;}

.videoCon{width:100%;float:left; *position:relative; text-align:center; overflow:hidden; margin-bottom:8px;}


/*视频预览右侧PTZ控制项*/
.pline{width:172px;height:25px;line-height:25px;margin:3px;padding:0px;border:1px solid #AAAAAA;}
#pev_cot{width:178px;background:#DCDCDC;overflow:hidden;}
#yt{width:93px;height:87px;padding:0 0 0 1px;float:left;}
#yt a{float:left;display:block;width:31px;height:29px;margin:0px;background:url(../images/ptz/ptz.png) no-repeat 0 0;}
#yt #yt1{background-position: 0px 0px;}
#yt #yt2{background-position: -31px 0px;}
#yt #yt3{background-position: -62px 0px;}
#yt #yt4{background-position: 0px -29px;}
#yt #yt5{background-position: -31px -29px;}
#yt #yt6{background-position: -62px -29px;}
#yt #yt7{background-position: 0px -58px;}
#yt #yt8{background-position: -31px -58px;}
#yt #yt9{background-position: -62px -58px;}
#yt #yt1:hover{background-position: -92px 0px;}
#yt #yt2:hover{background-position: -123px 0px;}
#yt #yt3:hover{background-position: -154px 0px;}
#yt #yt4:hover{background-position: -92px -29px;}
#yt #yt5:hover{background-position: -123px -29px;}
#yt #yt6:hover{background-position: -154px -29px;}
#yt #yt7:hover{background-position: -92px -58px;}
#yt #yt8:hover{background-position: -123px -58px;}
#yt #yt9:hover{background-position: -154px -58px;}
#zt{width:84px;height:87px;padding:0px;float:left;}
.add{float:left;display:block;width:26px;height:29px;background:url(../images/ptz/increase.png) no-repeat 0 0;margin:0px 0px;}
.sub{float:left;display:block;width:26px;height:29px;background:url(../images/ptz/increase.png) no-repeat 0 -29px;margin:0px 0px;}
.add:hover{background-position:-26px 0;}
.sub:hover{background-position:-26px -29px;}
#zm2{float:left;display:block;width:32px;height:29px;background:url(../images/ptz/zoom.png) no-repeat 0 0;margin:0px 0px;cursor:default;}
#fs2{float:left;display:block;width:32px;height:29px;background:url(../images/ptz/focus.png) no-repeat 0 0;margin:0px 0px;cursor:default;}
#ir2{float:left;display:block;width:32px;height:29px;background:url(../images/ptz/iris.png) no-repeat 0 0;margin:0px 0px;cursor:default;}
#bc{width:178px;color:#fff;font-size:12px;text-align:left;text-indent:3px;padding:0 0 0 2px;margin:0xp;}
.sub_speed{width:18px;height:20px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/speed_reduce.png) no-repeat 0 0;}
/*.sub_speed:hover{background-position:0px -20px;}*/
.sax{display:inline-block;width:140px;height:20px;margin:0px;background:url(../images/ptz/slider_bar.png) repeat-x;float:left;}
.skx{width:13px;height:20px;background:url(../images/ptz/slider_speed.png) no-repeat 0 0;cursor:pointer;float:left;}
/*.skx:hover{background-position:-10px 0px;}*/
.add_speed{width:18px;height:20px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/speed_add.png) no-repeat 0 0;}
/*.add_speed:hover{background-position:0px -20px;}*/

#lrt{width:178px;height:29px;padding:0 0 0 2px;margin:0px;float:left;}
.light{width:88px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/light.png) no-repeat 0 0;}
.light:hover{background-position:0px -29px;}
.light2{width:88px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/light.png) no-repeat 0 -29px;}
.wiper{width:88px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/rain.png) no-repeat 0 0;}
.wiper:hover{background-position:0px -29px;}
.wiper2{width:88px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/rain.png) no-repeat 0 -29px;}
#almctr{width:178px;height:29px;padding:0 0 0 2px;margin:0px;float:left;}
.alarmout{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout1.png) no-repeat 0 0;}
.alarmout:hover{background-position:0px -29px;}
.alarmout2{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout1.png) no-repeat 0 -29px;}
.alarmout3{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout2.png) no-repeat 0 0;}
.alarmout3:hover{background-position:0px -29px;}
.alarmout4{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout2.png) no-repeat 0 -29px;}
.alarmout5{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout3.png) no-repeat 0 0;}
.alarmout5:hover{background-position:0px -29px;}
.alarmout6{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout3.png) no-repeat 0 -29px;}
.alarmout7{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout4.png) no-repeat 0 0;}
.alarmout7:hover{background-position:0px -29px;}
.alarmout8{width:44px;height:29px;display:block;margin:0px;padding:0px;float:left;background:url(../images/ptz/alarmout4.png) no-repeat 0 -29px;}

#listtab{width:178px;height:22px;background:#DBDBDB;float:left;position:relative;_position:relative;z-index:3;display:inline-block;margin:8px 0 0 0;padding:0 0 0 2px;}
#listtab ul li{width:56px;height:22px;float: left;}
#listtab ul li a{width:56px;height:22px;line-height:22px;float:left;text-align:center;overflow:hidden;background:url(../images/ptz/tab.png) no-repeat 0 -25px;padding-top:3px;}
#listtab .linow{background-position:0 0;}
.tabcon{width:174px;height:356px;float:left;position:relative;_position:relative;z-index:0;display:block;margin:0 0 2px 2px;border:1px solid #AAAAAA;overflow-y:auto;overflow-x:hidden;
	SCROLLBAR-FACE-COLOR:#DCDCDC;SCROLLBAR-TRACK-COLOR:#E1E1E1;SCROLLBAR-HIGHLIGHT-COLOR:#F1F1F1;SCROLLBAR-SHADOW-COLOR:#BDBDBD;
	SCROLLBAR-3DLIGHT-COLOR:#EFEFEF;SCROLLBAR-DARKSHADOW-COLOR:#EFEFEF;SCROLLBAR-ARROW-COLOR:#AAAAAA;
}

#editPatrolPreset{position:absolute;z-index:10000;padding-top:2px;padding-left:5px;width:172px;background-color:#DCDCDC;border:1px solid #AAAAAA;}
.editDlg{font-family:Calibri,"Noto Sans CJK SC Regular", "Source Han Sans CN Regular", Arial, Helvetica, sans-serif, "宋体";width:100%;text-align:center;padding:5px;}
.btn2cls{float:left;width:76px;height:28px;background:url(../images/btn2.png) no-repeat;line-height:28px;margin:0 3px;color:#000;font-size:12px;text-decoration:none;display:block;}
.btn2cls:hover{background-position: 0 -28px;}
.btn2cls2{float:left;width:76px;height:28px;background:url(../images/btn2.png) no-repeat 0 -56px;line-height:28px;margin:0 3px;color:#762727;font-size:12px;text-decoration:none;display:block;}