html,body{ height:100%; width:100%; margin:0 0; min-height:680px; min-width:1000px;}
body{background:url(../images/firstbk2.png);background-size:contain;position:relative;font-family:Helvetica, Arial, sans-serif, SimSun, 'WenQuanYi Micro Hei', 'AR PL ShanHeiSun Uni', 'AR PL ZenKai Uni', sans-serif;}
.widthN{width:0px;}
.header{height:52px; width:100%; overflow:hidden;}
#objPC{position:absolute;background:#336782;}
.objPC{top:8px;bottom:53px;left:3px;right:3px;_position:relative;_height:expression(body.clientHeight-120);_width:expression(body.clientWidth-250);}
#main{position:absolute;}
.main{_position:relative;_height:expression(body.clientHeight);_left:250px;left:250px; top:0;right:0px; bottom:0;}
#content{position:absolute; background:#000000}
.content{_position:relative;_height:expression(body.clientHeight);_width:100%;_top:0;top:49px; left:0; right:0; bottom:0;}
.mleft{_position:relative;_height:expression(body.clientHeight);_float:left;position:absolute; left:0;top:0;bottom:0; width:250px; overflow:hidden;}
.bottom{position:absolute;bottom:0; width:100%; height:40px; overflow:hidden;_width:expression(body.clientWidth);}
.paopao_close{background:url(../images/close.gif); float:right; margin-top:-7px; margin-right:3px; width:15px; height:15px; float:right;}
.undisplay{ height:0px; overflow:hidden;}
.fontColor{color:#F00;}
.ffMainCenterBug{position: absolute;z-index: 10;width: 100%;}
html{
background:#490303;
}

#leftptz{margin:-5px 45px; height:147px; width:147px; overflow:hidden;background:url(../images/bt/ptz.png) no-repeat -1px -1px;position:relative;}
@-moz-document url-prefix(){
#leftptz{margin:0px 42px;}
}

.button{background:url(../images/bt/cfgbt.png) 0px 0px no-repeat;width:72px;color:#FFF;height:22px;line-height:22px;text-align:center;font-size:13px;text-indent:0px;}
.button2{background:url(../images/bt/cfgbt2.png) 0px 0px no-repeat;width:141px;color:#FFF;height:31px;line-height:31px;text-align:center;font-size:13px;text-indent:0px;}
.button3{background:url(../images/bt/cfgbt3.png) 0px 0px no-repeat;width:121px;color:#FFF;height:31px;line-height:31px;text-align:center;font-size:14px;text-indent:0px;}
.input{width:125px;width:123px\0;*width:123px;height:19px;background:url(../images/tbg3.gif); border:0px;color:#FFF}
.style10{height:10px;overflow:hidden;}
.style11{position:absolute;display:none;top:0px; height:100%; width:100%;background:#ededed; overflow:hidden;}
.datepicker {border-collapse:collapse;width:208px; height:180px; position: absolute;background:url(../images/rlbg.jpg); z-index:5000}
.datepicker table thead tr.controls{ height:30px; overflow:hidden;}
.datepicker table thead tr.controls th { height: 30px; font-size: 11px; text-align:left;overflow:hidden;}
.datepicker select { font-size: 12px; color:#000; border:0px; }
.datepicker .selyear { font-size: 12px; color:#000; border:0px;width:80px; }
.datepicker .selmonth { font-size: 12px; color:#000; border:0px;width:50px; }
.datepicker tr.days th {height: 40px; font-size:10px; text-align: center; width:20px; overflow:hidden;background:transparent;}
.datepicker tfoot td { height: 20px; text-align: center; text-transform: capitalize; background:transparent; }
.datepicker th, .datepicker tfoot td { font: 10px/18px Arial, Helvetica, sans-serif,"SimSun"; color:#000;background:transparent;}
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }
.ToData{height:50px;line-height:50px;top:65px;width:80px;+width:auto;+left:15px; text-align:center; vertical-align:middle; font-size:50px; position:absolute;z-index:50001}
.ToDayS{position:absolute;top:118px; width:80px;+width:auto;+left:15px;text-align:center;z-index:50001;}
.ToDay{font-size:12px;}
.prevMonth{ background:url(../images/rll.gif); width:14px; height:16px;margin-left:5px;}
.nextMonth{background:url(../images/rlr.gif); width:14px; height:16px;}
.datepicker tbody td {height:17px; font: 10px/13px Arial, Helvetica, sans-serif,"SimSun"; color:#000000; text-align: center; overflow:hidden;background:transparent;}
.datepicker tbody td.date { cursor:pointer; width:23px; overflow:hidden;}
.datepicker tbody td.date.over { background:url(../images/calendar-hilite.gif) inherit;}
.datepicker tbody td.date.chosen { font-weight: bold; width:18px;  background:url(../images/bgactive0_1_2.gif) no-repeat; }
.datepicker tbody td.date.chosen2 { font-weight: bold;width:18px; background:url(../images/bgactive0_1_2.gif) no-repeat;background-position:-37px 0px;}
.datepicker tbody td.date.chosen3 { font-weight: bold;width:18px; background:url(../images/bgactive0_1_2.gif) no-repeat;background-position:-19px 0px;}
.selectMonth{width:30px;overflow:hidden;float:left;}
.yearselect{float:left; width:43px;overflow:hidden;}
#live_jz{margin-left:80px;_margin-left:40px;}
#wifiIsEnable{margin-top:8px;_margin-top:4px;}

.MenuText{width:80px;float:left;}
#MaskError{color:#FA0;position:absolute;z-index:200;}
#MaskLayout{position:absolute; left:0px; top:0px; display:none; right:0px; bottom:0px; z-index:100001;filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=40,finishOpacity=60) opacity:40;opacity:0.4;background:url(../images/waitting.gif) no-repeat 45% 35%;}
#MsgPaop{z-index: 20000;width: 240px;height: 150px;background-color:#CCC;left:5px;bottom: 0px;font-size: 12px;display: none;position: absolute; overflow:hidden}
.liveBtnBt1,.liveBtnBt2{float:left; overflow:hidden;width:48px;height:50px;}
.liveBtnBt3,.liveBtnBt4,.liveBtnBt5,.liveBtnBt6,.liveBtnBt7,.liveBtnBt8,.liveBtnBt9,#pbBtnBt10,.liveBtnBt11,#pbBtnBt12,.liveBtnBt109,.liveBtnBt9B,.liveBtnBt109B{float:left; overflow:hidden;width:25px;height:25px;}
.channel4,.channel9{float:left; overflow:hidden;width:55px;height:35px;}
.channel1{float:left; overflow:hidden;width:35px;height:35px;}
.channel1{background:url(../images/channel1.png);margin-left:10px;}
.channel4{background:url(../images/channel4.png);}
.channel9{background:url(../images/channel9.png);}
.liveBtnBt1{background:url(../images/bt/play.png);}
.liveBtnBt2{background:url(../images/bt/stop.png);}
.liveBtnBt3{background:url(../images/video-8.png);margin-top:14px;margin-right:10px;margin-left:15px;}
.liveBtnBt4{background:url(../images/video-4.png);margin-top:5px;margin-right:10px;margin-left:10px;}
.liveBtnBt5{background:url(../images/video-5.png);float:right;margin-top:5px;margin-right:30px;margin-left:10px;}
.liveBtnBt6{background-position:0 -180px;}
.liveBtnBt7{float:right;background-position:0 -180px;}
.liveBtnBt8{float:right; display:none;background-position:0 -216px;}
.liveBtnBt9{background:url(../images/video-9.png);margin-top:14px;margin-right:10px;margin-left:10px;}
.liveBtnBt109{background:url(../images/audio_up.png);margin-top:14px;margin-right:10px;margin-left:10px;}
.liveBtnBt9B{margin-top:5px;margin-right:10px;margin-left:10px;background:url(../images/video-9.png);  }
.liveBtnBt109B{margin-top:5px;margin-right:10px;margin-left:10px;background:url(../images/audio_up.png);}
#pbBtnBt10{float:left;background:url(../images/video-1.png);margin-top:5px;margin-right:10px;margin-left:10px;}
.liveBtnBt11{float:left;background:url(../images/video-2.png);margin-top:5px;margin-right:10px;margin-left:10px;}
#pbBtnBt12{float:left;background:url(../images/b1.png);margin-top:5px;margin-right:10px;margin-left:10px;}
.liveSSBtn{ height:20px; padding-top:10px; float:left; width:220px; overflow:hidden;}

.liveRec{cursor:pointer;float:right;background:url(../images/record.png);width:44px;height:29px;margin-top:18px;}
.liveSnap{float:left;background:url(../images/snap.png);width:34px;height:33px;margin-top:15px;}
.liveSd{float:right;background:url(../images/scd.png);width:30px;height:34px;margin-top:14px;}
.liveVer{float:left;background:url(../images/ver.png) no-repeat;width:30px;height:34px;margin-left:30px;}
.liveHer{float:right;background:url(../images/her.png) no-repeat;width:30px;height:34px;margin-right:30px}
.liveCh1{float:left;background:url(../images/x1.png) -34px 0px;width:35px;height:36px;margin:14px 10px;}
.liveCh4{float:left;background:url(../images/x4.png);width:35px;height:36px;margin:14px 10px;}
.liveCh9{float:left;background:url(../images/x9.png);width:35px;height:36px;margin:14px 10px;}
/* left */
#cfgpanel_1,#cfgpanel_2,#cfgpanel_3,#cfgpanel_4,#cfgpanel_5,#cfgpanel_6,#cfgpanel_7,#cfgpanel_8,#cfgpanel_9,#cfgpanel_10{background:url(../images/bt/mrB.png);}
.configDiv{width:22px;height:22px;overflow:hidden;background:url(../images/bt/icon1.png);margin-left:7px;margin-top:4px;float:left;}
.notselected{height:27px;overflow:hidden;text-indent:37px;_text-indent:75px; font-size:13px;line-height:25px; color:#fff;}
.selecteda{ background:#04AFCF;color:#fff; width:199px; height:27px;overflow:hidden; font-size:13px; line-height:25px;text-indent:28px;_margin-left:26px;}
.selectedb{ background:#000;color:#fff; height:27px;overflow:hidden; font-size:13px; line-height:25px;text-indent:27px;}
.notselected{text-align:left;}
.lf1{ clear:left;float:left;width:14px;height:14px; overflow:hidden;margin-top:3px;}
.lf2{float:left;width:130px; height:20px; overflow:hidden;}
.lf3{float:left;width:110px; height:20px;overflow:hidden;margin-left:5px;}
.lf4{float:left;background:#6c6c70;width:120px;height:3px;overflow:hidden; margin:8px 5px;}
.lf5{float:left;background:url(../images/control-1.jpg);width:0%;height:5px;overflow:hidden; margin:-1px 0px;}
.lf6{float:left;background:url(../images/scroll.png);width:9px;height:14px;overflow:hidden;margin:-17px 0px;display:inline}
.lf7{width:20px;height:20px;overflow:hidden; font-size:10px; color:#FFFFFF; text-align:left; line-height:20px;margin-left:15px;}
#liveleft,#playbackleft,#configleft{width:250px;height:100%; overflow:hidden;float:left;}
.configHead{background:url(../images/cfgMbk.png); border:1px solid #000;width:200px;line-height:30px; height:28px;overflow:hidden;text-align:left;text-indent:25px;font-size:15px;}
.calendarDiv{height:182px; width:208px;position:relative; overflow:hidden;}
.cursorCube{background:url(../images/control-1.jpg);width:109px;height:1px;}
<!--.cursorCube{border-top:1px solid #1E232A;width:15px;height:1px;line-height:1px;overflow:hidden;font-size:0;}-->
.cursorPar{width:15px;height:120px;}
ol{padding:0px;list-style-type:none;margin:0px;}
em{font-style: normal; font-size:12px;}

.style29{ display:none;height:700px;overflow:hidden; min-height:618px;}

#rcListT tr{height:20px;overflow:hidden;}


.rtstyle1{background-image:url(../images/cruise.gif);height:20px; width:22px; float:left;overflow:hidden;}
.rtstyle2{height:20px; width:22px; float:left;}
.rtstyle5{background:url(../images/default.jpg); width:86px; height:17px; margin-left:50px; margin-top:10px;}
.abc1{width:130px; height:20px ;overflow:hidden;background:#6b929e;font-size:10px;color:#FFF;float:left;border:0;margin:-3px -3px;}
.abc3{background:url(../images/sel.gif);height:18px; width:18px; overflow:hidden;float:left;margin:-25px 98px;}
.abc2{width:85px;+width:75px; height:13px; overflow:hidden; margin:8px 10px;}
.bc1{float:left;width:31px; height:43px;margin:-44px 40px;margin:6px 0px 0px 40px\0;_margin:-44px 20px;}
.bc2{clear:both;float:left;width:38px; height:41px;margin:-42px 45px;margin:8px 0px 0px 40px\0;_margin:-42px 18px;}
.bc3{float:left;width:46px; height:39px;margin:-40px 33px;margin:10px 0px 0px 33px\0;_margin:-40px 17px;}
.bc4{margin-left:18px;_margin-left:-10px;width:250px; height:43px;}
table tr td img,table tr td div{overflow:hidden}
.ac2{float:left;width:60%;margin:10px 0px;overflow:hidden;}.ac2 .inner{margin:2px 0px;}