@charset "utf-8";
@import "base.css";

body,html{height:100%;color:#C6D2DF;background-color:#404950;}
.landbody {height:100%;background:url(images/land.jpg) repeat 0 0;position:relative;position:relative;min-height:720px;min-width:1400px;}
.viewbody {background:url(images/bac16.jpg) repeat 0 0; overflow: auto;min-height:720px;min-width:1400px;}
.setupbody {background:url(images/bg-g.jpg) repeat-y 0 0;position:relative;min-height:720px;min-width:1400px;}
.setup2body {background:url(images/1bac16.jpg) repeat 0 0;}
.ptzbody{background:none;background-color:#374047;}

/* ---------- land page -------------*/
.land{height:450px;position:relative;padding-top:100px;}
.land-down{margin-left:auto;margin-right:auto;width:448px;height:70px;}
.land-logo{margin-left:auto;margin-right:auto;width:525px;height:70px;text-indent:-2000em;margin-bottom:20px;}
.land-logo a{display:block;width:525px;height:70px;background:url(images/land.png) no-repeat 0 0;}
.land-face{margin-left:auto;margin-right:auto;width:448px;height:285px;background:url(images/land-face.jpg) no-repeat 0 0;}
.land-face .hd{font:600 18px/50px Arial;height:50px;text-align:center;margin-bottom:20px;}
.land-face .bd{width:320px;margin-left:auto;margin-right:auto;}
.land-face .bd .f-info{line-height:32px}
.land-face .bd .f-info dt{text-align:left;font:14px/30px Arial;}
.land-face .bd .f-info .land-to{display:inline-block;background:url(images/in-t2.png) no-repeat 0 0;width:191px;height:30px;line-height:30px;vertical-align:middle;}
.land-face .bd .f-info .in-t{padding:0;margin:0;border:none;color:#C6D2DF;display:inline-block;padding-left:30px;background:url(images/land-in.png) no-repeat -200em 0;height:24px;vertical-align:middle;line-height:24px;margin-bottom:3px;margin-left:5px;}
.land-face .bd .f-info .land-urer{background-position:0 4px;}
.land-face .bd .f-info .land-pass{background-position:0 -26px;}
.land-face .bd .f-info .sel{font-size:14px;width:191px;height:26px;vertical-align:middle;line-height:24px;border:1px solid #2A333A;color:#C6D2DF;background-color:#49545B;}
.land-a{display:inline-block;width:93px;height:36px;background:url(images/btn7.png) no-repeat -200em 0;line-height:36px;text-align:center;color:#C6D2DF;font-size:14px;}
.land-a{background-position:0 0;}
.land-a:hover{background-position:0 -72px;text-decoration:none;color:#FFFFFF;}
.land-active,.land-active:hover{background-position:0 -36px;color:#FFFFFF;}
.land-face .sel{width:180px;text-align:center;}

/*base button*/
.btn,.btn .in{display:inline-block;background:url(images/btn-g.png) no-repeat 0 -2000em;cursor:pointer;}

.btn-a{padding-left:12px;background-position:0 0;}
.btn-a .in{height:22px;padding:8px 0;padding-right:12px;font:400 12px/18px Arial;color:#0C1015;background-position:100% 0;}

.btn-a:hover{background-position:0 -80px;_background-position:0 0;color:#FFFFFF;}
.btn-a:hover .in{background-position:100% -80px;color:#FFFFFF;}
.btn-a:active{background-position:0 -136px;_background-position:0 0;}
.btn-a:active .in{background-position:100% -136px;color:#fff;}

.btn-a-act,.btn-a-act:hover{background-position:0 -137px;}
.btn-a-act .in,.btn-a-act:hover .in{background-position:100% -137px;color:#FFFFFF;}

.btn-a:hover,.btn-s:hover{text-decoration:none;}

.btn-s,.btn-s .in-s{display:inline-block;background:url(images/btn2-g.png) no-repeat 0 -2000em;}
.btn-s{background-position:0 0;height:30px;line-height:30px;padding-left:12px;cursor:pointer;}
.btn-s .in-s{font:12px/24px Arial;height:24px;color:#fff;padding:3px 0;background-position:100% 0;}
/*指向hover*/
.btn-s:hover{background-position:0 -62px;_background-position:0 0;}
.btn-s:hover .in-s{background-position:100% -62px;}
/*激活active*/
.btn-s:active{background-position:0 -31px;_background-position:0 0;}
.btn-s:active .in-s{background-position:100% -31px;color:#fff;}

.ra1,.ra2{vertical-align:middle;}

/*base icon*/
.ico,.power-a{display:inline-block;background:url(images/img_btn.png) no-repeat -200em 0;vertical-align:middle;cursor:pointer;}

.system .ico{width:22px;height:22px;margin-right:2px;}
.ico-live{background-position:50% -41px;}
.ico-set{background-position:0 -75px;}
.ico-exit{background-position:50% -182px;}
.ico-listen{background-position:50% -115px;}
.ico-talk{background-position:50% -149px;}
.ico-pic{background-position:50% -279px;}
.ico-rec{background-position:50% -257px;}

#hd{position:static;height:66px;width:100%;background:url(images/hd_bac-g.png) repeat-x 0 0;z-index:999;}
.logo{text-indent:-2000em;width:426px;height:48px;position:absolute;top:10px;left:10px;}
.logo a{display:block;width:426px;height:66px;background:url(images/logo2-g.png) no-repeat 0 0;}
.system{width:500px;height:37px;position:absolute;right:10px;top:14px;}
.system .btn{margin-right:12px;}
.system .in{width:110px;}
.system .a-exit{margin-left:50px;}
.system .a-exit .in{width:110px;}

#bd{padding-top:0;_padding-top:0;}
.main{}

/*left-menu*/
.left-meun{float:left;width:180px;padding-bottom:100px;position:relative;}
.left-meun a{color:#FFFFFF;}
/*
.fis-list li{line-height:55px;background:url(images/bac8.png) repeat-x 0 0;}
.fis-list li a{padding-left:20px;font-size:14px;font-family:Arial;}
.fis-list li a:hover{text-decoration:none;color:#00BAFF;}
*/

.sec-list li{line-height:48px;background:url(images/bac5-g.jpg) no-repeat 0 bottom;height:48px;}
.sec-list li a{display:block;height:48px;font:12px/48px Arial;padding-left:20px;cursor:pointer;}
.sec-list li a:hover{text-decoration:none;color:#00BAFF;}
.sec-list li .sec-s{display:block;height:48px;font:12px/48px Arial;_position:relative;_left:0;_top:10px;}
.sec-list li a .menu-sec{background:url(images/dark-menu-sec.png) no-repeat -100em 0;display:inline-block;margin-right:5px;width:20px;height:20px;vertical-align:middle;}
.sec-list li a .dev{background-position:0 1px;}
.sec-list li a .man{background-position:0 -20px;}
.sec-list li a .med{background-position:0 -40px;}
.sec-list li a .ima{background-position:0 -60px;}
.sec-list li a .idev{background-position:0 -78px;}
.sec-list li a .ala{background-position:0 -100px;}
.sec-list li a .rec{background-position:0 -120px;}
.sec-list li a .acc{background-position:0 -140px;}
.sec-list li a .rem{background-position:0 -160px;}
.sec-list li a .mai{background-position:0 -180px;}

/*当前和hover效果*/
.sec-list li a:hover .menu-sec{background:url(images/light-menu-sec.png) no-repeat -100em 0px;}
.sec-list li a:hover .dev{background-position:-1px 0;}
.sec-list li a:hover .man{background-position:0 -20px;}
.sec-list li a:hover .med{background-position:0 -40px;}
.sec-list li a:hover .ima{background-position:-1px -61px;}
.sec-list li a:hover .idev{background-position:-1px -80px;}
.sec-list li a:hover .ala{background-position:-1px -100px;}
.sec-list li a:hover .rec{background-position:0 -120px;}
.sec-list li a:hover .acc{background-position:1px -140px;}
.sec-list li a:hover .rem{background-position:0 -160px;}
.sec-list li a:hover .mai{background-position:0 -180px;}
.sec-list li a.active{background:url(images/bac7-g.png) no-repeat 0 0px;color:#00BAFF;}
.sec-list li a:hover{background:url(images/htbac7.png) no-repeat 0 0px;}
.thi-list{display:none;position:absolute;left:100%;top:0px;width:160px;padding-top:47px;}
.thi-list li{background:none;font:0px/41px Arial;height:41px;}
.thi-list li a{display:block;height:41px;line-height:41px;font-size:12px;background:url(images/thili.jpg) no-repeat 0 100%;}
.thi-list li a{_height:31px;_padding-top:10px;}
.thi-list li a:hover{background:url(images/thili.jpg) no-repeat 0 100%;color:#00BAFF;}
.menu-thi{background:url(images/menu-thi.png) no-repeat 0 0px;width:18px;height:18px;display:inline-block;margin-right:5px;vertical-align:middle;}
.thi-list li a:hover .menu-thi,.thi-list li.cur .menu-thi{background:url(images/menu-thi.png) no-repeat 0 -19px;color:#00BAFF;}
.thi-list li.cur{background:url(images/bac9-g.jpg) no-repeat 0 2px;}

.right-contont{margin-left:340px;padding-bottom:100px;_position:relative;_top:0;_left:0;}
.hd-bac{height:38px;line-height:38px;background:url(images/bac17.jpg) repeat-x 0 0;height:38px;} 
.hd-bac .title{padding-left:20px;font:14px/38px Arial;}
.inner_list li{font-size:16px;color:#C6D2DF;}
.inner_list li .sel{width:120px;border:1px solid #2A333A;color:#FFFFFF;background-color:#374047;}
.inner_list li .to-space{margin-left:200px;}
.inner_list li .add{margin-left:150px;margin-right:150px;}
.hd-cor{line-height:32px;height:32px;background:url(images/bac15.jpg) repeat-x 0 0;position:relative;font:14px/38px Arial;}
.inner_list li.hd-cor input{margin-left:40px;}
h3.hd-cor{padding-left:20px;font-size:14px;}

/*主页*/
.index-main{min-height:650px;_min-height:650px;position:relative;padding-right:230px;zoom:1;}
.left-content{position:relative;zoom:1;}
.left-content .info{padding-left:12px;background:url(images/infopic2.png) no-repeat 0 0;}
.left-content .info .info-inner{height:39px;line-height:39px;padding-right:12px;background:url(images/infopic2.png) no-repeat 100% 0;}
.left-content .info .sel{width:110px;}
.info .in-s{width:70px;}

.info .ico{width:17px;height:22px;margin-right:3px;}
.right-control{position:absolute;top:10px;right:20px;width:209px;}
.right-control .in-s{width:40px;}

.Alam{height:65px;background:url(images/bac12-g.jpg) no-repeat 50% 0;}
.Alam .hd{height:24px;font:12px/24px Arial;color:#67717B;text-align:center;}
.num-a{display:inline-block;width:36px;height:36px;margin-right:8px;cursor:pointer;}
.num-btn{width:36px;height:36px;border:none;background:url(images/numbtn2.png) no-repeat -200em 0;cursor:pointer;}
.Alam .bd{padding-left:20px;}
.Alam .bd ul li{float:left;}

/*常态link*/
.num1{background-position:0 0;}
.num2{background-position:0 -144px;}
.num3{background-position:0 -288px;}
.num4{background-position:0 -432px;}

/*指向hover*/
.num1:hover{background-position:0 -108px;}
.num2:hover{background-position:0 -252px;}
.num3:hover{background-position:0 -396px;}
.num4:hover{background-position:0 -540px;}

/*激活active*/
.num1:active{background-position:0 -72px;}
.num2:active{background-position:0 -216px;}
.num3:active{background-position:0 -360px;}
.num4:active{background-position:0 -504px;}

.num-disabled .num1,.num-disabled .num1:hover{background-position:0 -36px;}
.num-disabled .num2,.num-disabled .num2:hover{background-position:0 -180px;}
.num-disabled .num3,.num-disabled .num3:hover{background-position:0 -324px;}
.num-disabled .num4,.num-disabled .num4:hover{background-position:0 -468px;}


.control-de{height:586px;background:url(images/bac14-g.jpg) no-repeat 50% 0;}
.ptz .hd{height:24px;font:12px/24px Arial;color:#67717B;text-align:center;}
.ptz .bd ul li{text-align:center;line-height:30px;height:30px;}
.ptz .bd ul li a .in-s{padding-right:12px;color:#7E8A97;width:35px;}
.ptz .bd .btn-s:active .in-s{color:#fff;}

.ptz .sel{width:100px;border:1px solid #2A333A;color:#FFFFFF;background-color:#374047;}
/*5.27修改后的end*/

.home .hd{width:209px;height:140px;position:relative;margin-top:10px;background:url(images/s-circle.png) no-repeat 50% 0;}
/*常态*/
.home-s{display:block;}
.home-a{background:url(images/home-btn2.png) no-repeat 0 0;display:block;cursor:pointer;}
.home-top{position:absolute;top:4px;left:60px;width:97px;height:41px;background-position:-4px -28px;}
.home-left{position:absolute;top:24px;left:42px;width:50px;height:84px;background-position:-28px -773px;}
.home-middle{position:absolute;top:38px;left:75px;width:98px;height:58px;background-position:-20px -1558px;}
.home-right{position:absolute;top:24px;left:124px;width:50px;height:84px;background-position:-28px -1157px;}
.home-bottom{position:absolute;top:87px;left:60px;width:97px;height:47px;background-position: -4px -412px;}

.home-top:hover{background-position:-4px -124px;}
.home-left:hover{background-position: -28px -869px;}
.home-middle:hover{top:37px;background-position:-20px -1652px}
.home-right:hover{background-position: -28px -1253px;}
.home-bottom:hover{background-position:-4px -507px;}

.home-top:active{background-position:-4px -220px;_background-position:-4px -28px;}
.home-left:active{background-position:-28px -966px;_background-position:-28px -773px;}
.home-middle:active{background-position:-20px -1749px;_background-position:-20px -1558px;}
.home-right:active{background-position:-28px -1350px;_background-position:-28px -1157px;}
.home-bottom:active{background-position:-4px -605px;_background-position: -4px -412px;}

.sliderCnt{line-height:32px;height:32px;width:209px;text-align:center;position:relative;}
.power-left{position:absolute;left:10px;top:0px;background-position:50% -208px;width:22px;height:20px;}
.power-right{position:absolute;right:10px;top:0px;background-position:50% -233px;width:22px;height:20px;}

.room .hd ul li{font:12px/28px Arial;height:28px;text-align:center;vertical-align:top;}
.room-a{display:inline-block;background:url(images/add-minus-g.png) no-repeat -200em 0;vertical-align:middle;cursor:pointer;}
.room .hd ul li.li-a{text-align:left;padding-left:10px;line-height:33px;height:33px;font-size:0;}
.room .hd ul li.li-a a{font-size:12px;vertical-align:top;}
.room .hd ul li .title{display:inline-block;margin-left:8px;margin-right:8px;width:80px;}

.add-a{width:40px;height:24px;background-position:50% -96px;}
.minus-a{width:40px;height:24px;background-position:50% 0px;}

.add-a:hover{background-position:50% -168px;}
.minus-a:hover{background-position:50% -72px;}

.minus-a:active{background-position:50% -48px;}
.add-a:active{background-position:50% -144px;}

.add-disable,.add-disable:hover{background-position:50% -24px;}
.minus-disable,.minus-disable:hover{background-position:50% -120px;}

.room .btn,.room .btn .in{background:url(images/btn6.png) no-repeat -200em 0;}
.room .btn-a{padding-left:23px;background-position:0 1px;line-height:33px;height:33px;}
.room .btn-a .in{height:19px;padding:7px 0;background-position:100% 1px;width:42px;font-weight:100;font-size:12px/19px Arial;}
.room .btn-a:hover{background-position:0 -98px;}
.room .btn-a:hover .in{background-position:100% -98px;}
.room .active,.room .active:hover{background-position:0 -65px;}
.room .active .in,.room .active:hover .in{background-position:100% -65px;}
.room .disabled{background-position:0 -32px;}
.room .disabled .in{background-position:100% -32px;}
.room .disabled:hover{background-position:0 -32px;}
.room .disabled:hover .in{background-position:100% -32px;}

.hover .info{display:block;}

.live-pic{background:#FFFFFF;padding-top:30px;padding-bottom:30px;width:913px;margin-left:auto;margin-right:auto;border:2px solid #22282D;}
.live-pic img{vertical-align:top;}

.list-cot li{margin-bottom:10px;_padding-top:10px;}
.tac{display:block;text-align:left;border:1px solid #8a8a8a;margin-top:20px;margin-left:20%;width:600px;height:600px;background-color:#3C474C;color:#C6D2DF;}
.public-dl{padding-left:30%;_padding-left:350px;position:relative;zoom:1;margin-top:10px;line-height:30px;}
.public-dl dt{width:29.5%;_width:340px;position:absolute;top:0;left:0;text-align:right;line-height:30px;}
.public-dl .sele,.public-dl .bttn{display:inline-block;vertical-align:middle;}
.public-dl .ra1{margin-right:3px;vertical-align:middle;}
.rad-tit{padding-left:50px;height:28px;font:12/28px Arial;}
.pub-in{width:181px;height:18px;line-height:18px;padding:6px 4px 6px 6px;background-color:#49545B;border:none;color:#BCD2DF;}
.path-in{width:350px;height:18px;line-height:18px;padding:6px 4px 6px 6px;background-color:#49545B;border:none;color:#BCD2DF;}
.change_bac{background:url(images/bttn.png) no-repeat 0 0;_background:url(images/in-t2.png) no-repeat 0 0;}
.bttn{background:url(images/btn4-g.png) no-repeat 0 -30px;display:inline-block;height:30px;width:77px;font:12px/30px Arial;text-align:center;color:#C6D2DF;}
.bttn:hover{background:url(images/btn4-g.png) no-repeat 0 0;text-decoration:none;color:#11BAFF;}
.sele{width:191px;height:24px;background-color:#49545B;border:1px solid #2A333A;color:#FFFFFF;}
.selshort{width:60px;height:24px;background-color:#49545B;border:1px solid #2A333A;color:#FFFFFF;}

.hide-space{width:600px;height:400px;margin-left:auto;_margin-left:200px;margin-right:auto;background-color:#000000;}
.line-space{margin-right:20px;}
.blue{color:#00BAFF;margin-left:10px;}
.green{color:#219021;margin-left:10px;}
.chec{position:relative;top:2px;margin-right:8px;}
.selec{margin-bottom:10px;margin-right:20px;}

/*布防*/
.bf_detail{margin-left:auto;margin-right:auto;width:950px;border:1px solid #1F2428;background:url(images/bf.jpg) repeat 0 0;}
.bf_detail tr{border:1px solid #3C474C;}
.bf_detail td{border:1px solid #3C474C;text-align:center;height:30px;}
.bf_detail th{text-align:center;height:40px;background:url(images/bfh.jpg) repeat-x 0 0;font:14px/40px SunSim;color:#98A8AF;}
.bf_detail table .sel{background:#C7EDCC;width:80%;height:80%;border:1px solid #2A333A;color:#FFFFFF;background-color:#374047;}
.bf_detail .hd{font:14px/30px SunSim;height:30px;text-align:center;background:#7CA3C9;}
.bf_detail .bd{padding-top:20px;position:relative;height:500px;}
.left_pic{width:506px;height:414px;position:absolute;left:10px;top:20px;}
.left_pic img{vertical-align:top;}
.right_info{width:350px;position:absolute;right:10px;top:20px;}
.bottom_info{text-align:center;height:40px;position:absolute;bottom:10px;left:45%;}
.bf_detail .right_info ul li{margin-bottom:10px;}

.modify_table{margin-left:auto;margin-right:auto;width:350px;border:1px solid #1F2428;background:url(images/bf.jpg) repeat 0 0;}
.modify_table tr{border:0px;}
.modify_table td{border:0px;text-align:center;height:40px;}
.modify_table th{text-align:center;height:40px;background:url(images/bfh.jpg) repeat-x 0 0;font:14px/40px SunSim;color:#98A8AF;}

.see-a{background:url(images/3d-g.png) no-repeat 0 0;display:inline-block;width:58px;height:32px;text-align:center;color:#798494;line-height:32px;cursor:pointer;}
.see-a:hover{text-decoration:none;background-position:0 -64px;color:#798494;}
/*.see-a:active{background-position:0 -32px;_background-position:0 0;}*/

.see-active,.see-active:hover{background-position:0 -32px;color:#FFFFFF;}
.see-no,.see-no:hover,.see-no:active{background-position:0 -99px;color:#666666;}

.info .btn-s{display:inline-block;background:url(images/test.png) no-repeat 0 0;height:34px;line-height:34px;width:87px;cursor:pointer;color:#A6B2BF}
.info .btn-s{_height:29px;_padding-top:5px;}
.info .btn-s:hover{background-position:0 -68px;color:#FFFFFF;}
.info .btn-s:active{background-position:0 -34px;color:#FFFFFF;}
.info .btn-ac{display:inline-block;background:url(images/test.png) no-repeat 0 -34px;height:34px;line-height:34px;width:87px;padding-left:12px;}
.info .btn-ac{_height:29px;_padding-top:5px;}
.new-sel{border:1px solid #2A333A;color:#FFFFFF;background-color:#374047;}
.info .ico{_position:relative;_top:4px;_left:0;}

.black-bg,.blue-bg,.i-c,.i-opt{background:url(images/images-setting.png) no-repeat -2000em 0;display:inline-block;}
.setCnt{padding-right:410px;position:relative;zoom:1;}
.new-images{overflow:hidden;min-width:496px; min-height:560px;}
.new-images img{vertical-align:top;}
.new-setting{position:absolute;width:400px;right:0;top:0;z-index:1;}
.black-bg{height:24px;width:191px;background-position:0 3px;vertical-align:middle;}
.blue-bg{height:24px;width:191px;background-position: 0 -17px;position:relative;}
.blue-bg .i-opt{position:absolute;top:-1px;right:0;width:24px;height:24px;background-position:-23px -78px;}
.blue-bg .i-opt:hover{background-position:3px -52px;}
.blue-bg .i-opt:active{background-position:-23px -53px;}
.new-setting dl dd{position:relative;}
.bg-percent{display:inline-block;position:absolute;right:15px;top:1px;}
.new-setting .public-dl{padding-left:150px;position:relative;zoom:1;margin-top:10px;line-height:30px;}
.new-setting .public-dl dt{width:148px;position:absolute;top:0;left:0;text-align:right;line-height:30px;}

.blue-bg .i-c-disable,.blue-bg .i-c-disable:hover{background-position:-52px -53px;}
.hd-cor .i-c{width:16px;height:16px;position:absolute;right:20px;top:6px;background-position:-166px -60px;}
.new-setting .optCnt{display:none;}

#detele-detail{position:absolute;width:400px;height:200px;border:1px solid #333333;background:url(images/detele.jpg) repeat 0 0;display:none;}
#detele-detail .title{text-align:center;font:14px/28px Arial,SimSun;padding-top:20px;padding-bottom:20px;}
#detele-detail .tit{ height:33px;}
#detele-detail .tit i{ float:right; line-height:33px; padding:0 8px;cursor:pointer;}

.left-content .pic{position:absolute;top:20px;left:0; min-width:850px;}
.left-content .vedio{padding:20px;border:1px solid #4C5157;border-top:0;background:#333A40;}

#slider div{_position:relative;_bottom:4px;}

.add-del{display:inline-block;width:56px;height:30px;background:url(images/add-del.png) no-repeat 0 0;font:12px/30px Arial,SimSun;color:#7A8590;}
.add-del:hover{background-position:0 -90px;text-decoration:none;color:#D4E7F8;}
.add-del:active{background-position:0 -60px;}
.disadd,.disadd:hover{background-position:0 -30px;}
.selupnp{width:90px;height:20px; border:none;background-color:#2c3539;color:#BCD2DF;}
.selsaveupnp{width:90px;height:20px; border:none;background-color:#49545B;color:#BCD2DF;}
.intupnp{width:150px;height:20px; border:none;background-color:#2c3539;color:#BCD2DF;}
.savetupnp{width:150px;height:20px; border:none;background-color:#49545B;color:#BCD2DF;}
.setupnp{background:url(images/delupnp2.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}
.savebtn{background:url(images/save.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}
.editupnp{background:url(images/editupnp.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}
.startbtn{background:url(images/start.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}
.recbtn{background:url(images/record.png);display:inline-block;height:30px;width:30px;text-align:center;color:#C6D2DF;margin-top:5px;}
.startingbtn{background:url(images/starting.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}
.infotable{border:1px solid #BCD2DF;margin-left:auto;margin-right:auto;width:900px;}
.infotable tr{height:40px;text-align:center;border:2px solid #7E8A97;}
.infotable td{text-align:center;}

.usertable{border:1px solid #BCD2DF;margin-left:auto;margin-right:auto;width:900px;}
.usertable tr{height:40px;text-align:center;border:2px solid #7E8A97;}
.usertable td{text-align:center;border:2px solid #7E8A97;}

.timeBox1{ padding:0px; height:16px;text-align:center; border:1px solid #b6b6b6; background:#ffffff;margin-top:20px;}
.timeBox2{height:20px; line-height:20px;text-align:center; border:1px solid #b6b6b6; background:#ffffff; padding:0; width:250px;}
.noborder1{ width:35px; border:0;   *margin:0; padding:0; text-align:center;  clear:both; background:none;margin-top:0px;}
.noborder{ width:25px; border:0; margin:-2px 0 0; *margin:0; _margin:0; padding:0;text-align:center; clear:both;}
.timecfg1{ height:24px;  text-align:left;}
.timecfg1 p{ float:left; line-height:24px; margin-right:5px; _margin-right:3px; padding:0;}
.timecfg1 .butnS{ margin-right:0;}
.logtable{margin-left:auto;margin-right:auto;width:900px;border:1px solid #BCD2DF; height:auto;align:center;}
.logtable tr{height:23px;text-align:center;}
.logtable td{overflow:hidden;text-overflow:ellipsis;}
.selelog{width:100px;height:24px;background-color:#49545B;border:1px solid #2A333A;color:#FFFFFF;}
.pagebut1{background:url(images/pagefirst.png);display:inline-block;height:13px;width:18px;text-align:center;color:#C6D2DF;margin-top:10px;}
.pagebut2{background:url(images/pagepre.png);display:inline-block;height:12px;width:10px;text-align:center;color:#C6D2DF;margin-top:3px;}
.pagebut3{background:url(images/pagenext.png);display:inline-block;height:12px;width:10px;text-align:center;color:#C6D2DF;margin-top:3px;}
.pagebut4{background:url(images/pagelast.png);display:inline-block;height:13px;width:18px;text-align:center;color:#C6D2DF;margin-top:10px;}

.noborder3{ width:35px; border:0;margin:0; padding:0; text-align:center;  clear:both; background:none;margin-top:0px;color:#BCD2DF;}
.timeBox3{width:181px;height:18px;line-height:40px;padding:6px 4px 6px 6px;background:url(images/in-t2.png) no-repeat 0 0;background-color:none;border:none;color:#BCD2DF;}

.upgrdeinfo{display:none;font-size:30pt;}
.path-sel{width:350px;height:30px;line-height:30px;padding:6px 4px 6px 6px;background-color:#49545B;border:none;color:#BCD2DF;}
/*ptz cfg page....*/
.shortinput{width:80px;height:20px; border:none;background-color:#49545B;color:#BCD2DF;}

.ptzcfgmenu{padding-top:10px;}
.ptzcfgmenu li{font:0px/41px Arial;height:41px;padding-left:20%; margin-top:12px;}
.ptzcfgmenu li a{display:block;height:41px;line-height:41px;font-size:12px;color:#C6D2DF;}
.ptzcfgmenu li a:hover{text-decoration:none;}
.ptzcfgmenu li a:hover .menu-thi,.ptzcfgmenu li.cur .menu-thi{background:url(../style/images/menu-thi.png) no-repeat 0 -19px;color:#00BAFF;}
.ptzcfgmenu li a:active{background:none;color:#00BAFF;}
.ptzcfgmenu li.cur{color:#00BAFF;background-color:#374047;}

.commontable{border:2px solid #1F2428;background-color:#374047;width:430px;margin-left:auto;margin-right:auto;}
.commontable tr{border:1px solid #3C474C;}
.commontable td{border:1px solid #3C474C;text-align:center;height:30px;}

.detailbut{background:url(images/detailbut.png);display:inline-block;height:17px;width:17px;text-align:center;color:#C6D2DF;margin-top:5px;}

.ptzaddpage{display:none;position:absolute;width:400px;padding-right:20px;top:30px;background-color:#374047;}

/*
 * 模块名称:  timeplan module
 * 模块描述:  timeplan 计划时间表
 */
.bf_detail_new{margin-left:auto;margin-right:auto;width:950px;border:1px solid #1F2428;background:url(images/bf.jpg) repeat 0 0;}
.cBfDetailTitle{background-color:#68838B;text-align:center;height:40px;border-bottom:1px solid #ABABAB;line-height:40px;}
.cTimePlan-Canvas,.cTimePlan-Button,.cTimePlan-Week,.cTimePlan-Weekbg,.cListWeekDay{float:left;}
.cTimePlan-Week,.cTimePlan-Weekbg,.cTimePlan-Canvas,.cTimePlan-Button,.cListWeekDay{height:210px;}
.cTimePlan{padding-left:100px;min-width:700px;}
.cTimePlan-Box{width:700px;height:230px;}
.cTimePlan-Hour{width:530px;height:20px;padding-left:85px;position:relative;}
.cTimePlan-Hour .cTimePlan-Hourspace{width:100%;position:relative;height:10px; margin-bottom:2px;}
.cTimePlan-Hour .cTimePlan-Hourspace .cHourspace-start{position:static;float:left;}
.cTimePlan-Hour .cTimePlan-Hourspace .cHourspace-In{display:block;margin-left:37px; float:left;}
.cTimePlan-Hour .cTimePlan-Hourspace .cHourspace-In1{display:block;margin-left:31px; float:left;}
.cTimePlan-Hour .cTimePlan-Hourspace .cHourspace-end{display:block;float:right;}

.cTimePlan-Hourbg{height:5px;background-image:url(images/time-hourbg.png);background-repeat:repeat-x;position:relative;margin-top:5px;}
.cTimePlan-Week{padding-left:auto;}
.cTimePlan-Weekbg{width:5px;margin-left:1px;background-image:url(images/time-weekbg.png);background-repeat:repeat-y;}
.cTimePlan-Canvas{width:528px;_margin-left:200px;margin-right:auto;border-right:1px #9C9C9C solid;background-color:none;cursor:crosshair;}
.cTimePlan-Button{width:60px;padding-left:10px;}
.cTimePlan-General,.cTimePlan-Tip-General{background:#00FF00;}
.cTime-Plan-Motion,.cTimePlan-Tip-Motion{background:#FFFF00;}
.cTime-Plan-Alarm,.cTimePlan-Tip-Alarm{background:#FF0000;}
.cListWeekDay{margin-right:10px;width:70px;line-height:30px;text-align:right;}
.cTimePlan-Hour .cTimePlan-Hourspace .span{display:block;margin: 0px 50px 0px 10px;}
.cTimePlan-Week,.cTimePlan-Weekbg,.cTimePlan-Canvas,.cTimePlan-Button,.cListWeekDay{height:210px;}
.cTimePlan-Canvas td{height: 29px;width: 10px; border:1px solid #BDBDBD;background-color:#7A7A7A;}

/*timesection 时间段设置*/
.cWeeks .cPeriodBox{float:left;}
.cPeriodItem{width:700px;height:30px;line-height:30px;margin-top:5px;}
.cTimeSection{border:1px solid #ABABAB;margin-top:0px; margin-left:100px; margin-bottom: 10px;width:700px;}
.cWeekChec{height:25px;}
.cWeeks{width:auto;}
.txtColorChange{color:#FF3030;}

.cPeriodBox{width:150px;height:25px;line-height:25px;padding:4px 4px 4px 4px;background-color:#49545B;border:none;color:#BCD2DF;margin-left:10px;}
.cTimeSeparator{color:#BCD2DF;}
.cTextBg{ width:25px; border:0;margin:0; padding:0; text-align:center;background:none;margin-top:0px;color:#BCD2DF;}

.cTimePlan-Submit{padding-top:10px;padding-bottom:10px;margin-left:350px;}
.cSelectArea{background-color:#F00;opacity:0.5;position:absolute;}
.cCheckSelect{position:relative;margin:0px 5px 0px 10px;vertical-align:middle; display:inline-block;}
.cTextSeparator{display:inline-block; margin-left:12px;}

.clineradio{position:relative;margin:0px 5px 0px 0px;vertical-align:middle; display:inline-block;}
.ctext_area{background-color:#49545B;color:#BCD2DF;font-size:10pt;width:200px;height:200px;overflow-y:auto; border:2px ridge threedshadow;
			border-left:inset threedhighlight;border-top:inset threedhighlight;position:relative;}
.cAddrDiv{background-color:#49545B;width:200px;height:32px;font-size:10pt;text-align:center;}
.cIpInput{width:36px;height:22px;margin:5px auto;font-size:10pt;text-align:center;background-color:#49545B;border:none;color:#BCD2DF;}
.cMacInput{width:22px;height:22px;margin:5px auto;font-size:10pt;text-align:center;background-color:#49545B;border:none;color:#BCD2DF;}
.cAddrDot{color:#BCD2DF;width:1px;vertical-align:text-bottom;}
.cSecurityAddrList{position:relative;}
.cSecurityBttn:hover{color:#11BAFF;}
.cTextInputdiv{padding-left:30%;_padding-left:350px;position:relative;zoom:1;line-height:24px;vertical-align:middle;margin-bottom:5px;}
.cAddrInputText{text-align:right;}

.cSecurityOpearDiv{/*border:1px solid #ABABAB;*/margin-top:0px;padding-left:30%;_padding-left:350px;margin-bottom:10px;width:550px;height:220px;position:relative;}
.cAddrListTable,.cSecurityTableOpera{float:left;}
.cAddrListTable{width:200px;margin:10px auto 10px auto;}
.cSecurityTableOpera{width:180px;height:80px;margin:70px auto 15px 15px;}
.cSecurityOperaBtn{margin:5px auto 5px auto;}