/**{font-size:12px;margin: 0;padding: 0; color:#fff; font-family:Arial, "宋体"}*/
*{font-size:12px;margin: 0;padding: 0; color:#fff; font-family:Arial, "宋体"}
*a{border:0px;}
.imageSlider1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(scrollbar.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 125px; PADDING-TOP: 0px; HEIGHT: 13px
}
.imageBar1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(speed.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 10px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px
}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
ul,li{list-style:none;}
body{height:100%}
/*general*/
/*配色*/
#lainput span,a{color:#FFF}
#lainput input,option{color:#000}
#lbt{color:#000}
/*a.cbt{color:#555}*/
a.cbt{color:#FFFFFF}
#kwick .kwick {font-weight:bold; color:#FFFFFF;}
#cl li div{color:#555}
#cmu a{color:#000}
#smu1 li{color:#555}
#mnudj li{color:#555}
#yt1 div,#yt3 div{color:#555}
.divt{color:#555}
#taba a{color:#555}
.inputyt{color:#555;}
/*#mc {color:#ccc}*/
#lainput input,select{border:#C0C0C0 1px solid;background:#EFEFEF;}
div.mpad{width:220px;background:url(bg.jpg)repeat-x;height:100%;}/*180到220*/
div.mpad2{width:220px;background:url(bg.jpg) repeat-x; }/*300 到220*/

.sax{width:70px;height:15px;margin:4px 0 0 4px;float:left;background:url(sas.gif) repeat-x}
.skx{width:11px;height:15px;background:url(sks.gif) no-repeat;cursor:pointer}

#sae{background:url(sae.gif) repeat-x;}
#ske{background:url(ske.gif) no-repeat;}


/*登录*/
/*#l {top:px;width:100%;height:100%;position:absolute;background:url(bgl.jpg) repeat-x #FFF}*/
#login {top:0px;position:absolute;}
	

  #m{top:-10000px;height:100%; width:100%;  position:absolute;	}



/*主区域*/

mb{padding:3px 0 0 0;}


#yt div{float:left;}

 #yt a{ display:block;  width:100%; height:100%; text-decoration: none;outline:none;}
#yt a.y1 {background:url(yt1.jpg) no-repeat }
#yt a.y1:hover {background:url(yt11.jpg) no-repeat;}

#yt a.y2 {background:url(yt2.jpg) no-repeat;}
#yt a.y2:hover {background:url(yt21.jpg) no-repeat;}

#yt a.y3 {background:url(yt3.jpg) no-repeat;}
#yt a.y3:hover {background:url(yt31.jpg) no-repeat;}

#yt a.y4 {background:url(yt4.jpg) no-repeat;}
#yt a.y4:hover {background:url(yt41.jpg) no-repeat;}

#yt a.y5 { background:url(yt5.jpg) no-repeat;}
#yt a.y5:hover {background:url(yt51.jpg) no-repeat;}



#yt a.y6 {background:url(yt6.jpg) no-repeat;}
#yt a.y6:hover {background:url(yt61.jpg) no-repeat;}

#yt a.y7 {background:url(yt7.jpg) no-repeat;}
#yt a.y7:hover {background:url(yt71.jpg) no-repeat;}

#yt a.y8 {background:url(yt8.jpg) no-repeat;}
#yt a.y8:hover {background:url(yt81.jpg) no-repeat;}

a.yta1{display:block;width:13px;height:18px;text-decoration: none;float:right;}
a.yta1 {background:url(yta1.jpg) }
a.yta1:hover {background:url(yta11.jpg);}

#yt a.y9 {background:url(yt9.jpg) no-repeat;}
#yt a.y9:hover {background:url(yt91.jpg) no-repeat;}

#yt1 div{float:left;}
#yt1 a{ display:block; width:26px; height:26px;  text-decoration: none;outline:none;}
#yt2 a{ outline:none;}
#yt1 a.y1 {background:url(yt+.gif) no-repeat;}
#yt1 a.y1:hover {background:url(yt+1.gif) no-repeat;}

#yt1 a.y2 {background:url(yt-.gif) no-repeat;}
#yt1 a.y2:hover {background:url(yt-1.gif) no-repeat;}

.divt{width:70px; height:16px; text-align:left;overflow:hidden;float:left;}
#yt21 div,#yt3 div{float:left;}
.inputyt{border:none;background:#F4F4F4;width:37px;height:18px;float:left;}


#yt22 a{ display:block; width:129px; height:9px;text-decoration: none;text-align:center;}
#yt22 a.y1 {background:url(yt22a.jpg) no-repeat;}
#yt22 a.y1:hover {background:url(yt22a1.jpg) no-repeat;}

#yt22 a.y2 {background:url(yt22b.jpg) no-repeat;}
#yt22 a.y2:hover {background:url(yt22b1.jpg) no-repeat;}
#yt3t1 a{outline:none;}
#yt3t2 a{outline:none;}
#Talk  a{outline:none;}


#dcl {overflow:auto;width:220px;float:none;}
/*#dcl {overflow:auto;width:140px;float:none;}*/
/*#cl ul,li{ float:left;}*/
#cl li {cursor:pointer;display: block;width:auto;height:22px;padding:0 0 0 4px;}


#cl a{display:block;width:25px;height:22px;text-decoration: none;float:left;margin:0,20px,0,0;}
#cl a.noRecord{background:url(noRecord.gif) no-repeat;width:100%;}
#cl a.record {background:url(record.gif) no-repeat;width:100%;}
#cl a.noSubPlay{background:url(noSubPlay.gif) no-repeat;width:100%;}
#cl a.subPlay {background:url(subPlay.gif) no-repeat;width:100%;}


#cl li div{color:#ffffff; width:10px;height:20px; padding:3px 0 0 8px;float:left;position:relative; }

.cl1{background:url(noPlay.gif) no-repeat;width:10px;height:10px;}
.cl2{background:url(play.gif) no-repeat;}
.cl3{background:url(c3.jpg) no-repeat;}
.cl4{background:url(c3.jpg) no-repeat;float:left;}
#Talk {float:none;margin:3px 0 0 0;}

#Talk a.t{width:15px;height:20px;padding:0 0 0 0;margin:30xp 0 0 0px; background:url(Talk.gif) no-repeat;}
#Talk a.noT{width:15px;height:20px;padding:0 0 0 0;margin:30xp 0 0 0px; background:url(noTalk.gif) no-repeat;}

*html .cl3{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="c3.jpg", sizingMethod="crop");}	


#cmu{width:90px; height:0;background:url(mubg.jpg); float:right; overflow:hidden;}
#cmu a{display:block;width:80px;height:13px; margin:3px 0 0 5px;text-decoration: none;float:left; overflow:hidden}

#smu1 {width:56px;height:150px;background:#000; margin:0 0 0 76px;position:absolute; z-index:30;}/*height frome 80 to 150?*/
#smu1 li {width:56px;height:18px;cursor:pointer;display: block;}
#smu1 a{width:51px;height:18px;display:block;padding:0 0 0 5px;text-decoration: none;float:left;}
#smu1 a{background:#3E3E3E;}
#smu1 a:hover {background:#5F5F5F;}


#pc div{float:left;}

#pc a{ display:block; width:36px; height:25px;  text-decoration: none;outline:none;}

#pc a.p0 {background:url(full.jpg) no-repeat;}
#pc a.p0:hover {background:url(full1.jpg) no-repeat;}

#pc a.p1 {background:url(1.jpg); }
#pc a.p1:hover {background:url(11.jpg);}

#pc a.p2 {background:url(4.jpg);}
#pc a.p2:hover {background:url(41.jpg);}

#pc a.p3 {background:url(9.jpg);}
#pc a.p3:hover {background:url(91.jpg);}

#pc a.p4 {background:url(16.jpg);}
#pc a.p4:hover {background:url(161.jpg);}

#pc a.p5 {background:url(25.jpg);}
#pc a.p5:hover {background:url(251.jpg);}

#pc a.p6 {background:url(36.jpg);}
#pc a.p6:hover {background:url(361.jpg);}

#pc a.p7 {background:url(startAll.jpg);}
#pc a.p7:hover{background:url(startAll1.jpg);}
#pc a.p72 {background:url(stopAll.jpg);}
#pc a.p72:hover {background:url(stopAll1.jpg);}

#pc a.p8 {background:url(snap.jpg);}
#pc a.p8:hover {background:url(snap1.jpg);}

#pc a.p9 {background:url(recordAll.jpg);}
#pc a.p9:hover{background:url(recordAll1.jpg);}
#pc a.p92 {background:url(stopRecordAll.jpg);}
#pc a.p92:hover{background:url(stopRecordAll1.jpg);}

#pc a.p10 {background:url(audio.jpg) no-repeat;}

#pc a.p102{background:url(audio1.jpg) no-repeat;}

#pc a.p103{background:url(audio2.jpg) no-repeat;}


#ytPoint div{float:left;}
#goPreset a{background:url(goPreSet.jpg) no-repeat;float:left;margin-left:4px;}
#goPreset a:hover{background:url(goPreSet1.jpg) no-repeat;float:left;}
#addPreset a{background:url(addPreSet.jpg) no-repeat;float:left;}
#addPreset a:hover{background:url(addPreSet1.jpg) no-repeat;float:left;}
#delPreset a{background:url(delPreSet.jpg) no-repeat;float:left;}
#delPreset a:hover{background:url(delPreSet1.jpg) no-repeat;float:left;}

#ytCruise div{float:left;}
#goCruise a{background:url(goCruise.jpg) no-repeat;float:left;margin-left:4px;}
#goCruise a:hover{background:url(goCruise1.jpg) no-repeat;float:left;}
#stopCruise a{background:url(stopCruise.jpg) no-repeat;float:left;}
#stopCruise a:hover{background:url(stopCruise1.jpg) no-repeat;float:left;}
#editCruise a{background:url(editCruise.jpg) no-repeat;float:left;}
#editCruise a:hover{background:url(editCruise1.jpg) no-repeat;float:left;}
#editCruise2 a{width:29px;height:33px;background:url(editCruise.jpg) no-repeat;float:left;}
#editCruise2 a:hover{width:29px;height:33px;background:url(editCruise1.jpg) no-repeat;float:left;}

/*#mc {clear: both; height:0px; text-align:center;background:url(mc.jpg) repeat-x;}*/
#mc {clear: both; }




#ytpbg{width:242px;height:125px;background:url(ytp_bg.gif) repeat-x;float:left;}
#ytptr{width:22px;height:34px;background:url(ytp_tr.gif);float:left;}
#ytptl{width:235px;height:34px;background:url(ytp_tl.gif);float:left;}
#ytpml{width:32px;height:89px;background:url(ytp_ml.gif);float:left;}
#ytpmr{width:22px;height:89px;background:url(ytp_mr.gif);float:left;}
#ytpdl{width:118px;height:10px;background:url(ytp_dl.gif);float:left;}
#ytpdm{width:117px;height:10px;background:url(ytp_dm.gif);float:left;}
#ytpdr{width:22px;height:10px;background:url(ytp_dr.gif);float:left;}


#ytp1  a{width:29px;height:33px;background:url(ytp_1.gif);float:left;}
							  

#ytp2  a{width:25px;height:33px;background:url(ytp_2.gif);float:left;}
#ytp3  a{width:32px;height:33px;background:url(ytp_3.gif);float:left;}
#ytp4  a{width:23px;height:25px;background:url(ytp_4.gif);float:left;}
#ytp5  a{width:39px;height:25px;background:url(ytp_5.gif);float:left;}
#ytp6  a{width:24px;height:25px;background:url(ytp_6.gif);float:left;}
#ytp7  a{width:29px;height:31px;background:url(ytp_7.gif);float:left;}
#ytp8  a{width:25px;height:31px;background:url(ytp_8.gif);float:left;}
#ytp9  a{width:32px;height:31px;background:url(ytp_9.gif);float:left;}
#ytpzooml  a{width:26px;height:25px;background:url(ytp_zooml.gif);float:left;}
#ytpirisl  a{width:26px;height:25px;background:url(ytp_irisl.gif);float:left;}
#ytpfocusl  a{width:26px;height:27px;background:url(ytp_focusl.gif);float:left;}
#ytpzoomr  a{width:27px;height:25px;background:url(ytp_zoomr.gif);float:left;}
#ytpirisr  a{width:27px;height:25px;background:url(ytp_irisr.gif);float:left;}
#ytpfocusr  a{width:27px;height:27px;background:url(ytp_focusr.gif);float:left;}

#ytp1  a:hover{width:29px;height:33px;background:url(ytp_1h.gif);float:left;}
#ytp2  a:hover{width:25px;height:33px;background:url(ytp_2h.gif);float:left;}
#ytp3  a:hover{width:32px;height:33px;background:url(ytp_3h.gif);float:left;}
#ytp4  a:hover{width:23px;height:25px;background:url(ytp_4h.gif);float:left;}
#ytp5  a:hover{width:39px;height:25px;background:url(ytp_5h.gif);float:left;}
#ytp6  a:hover{width:24px;height:25px;background:url(ytp_6h.gif);float:left;}
#ytp7  a:hover{width:29px;height:31px;background:url(ytp_7h.gif);float:left;}
#ytp8  a:hover{width:25px;height:31px;background:url(ytp_8h.gif);float:left;}
#ytp9  a:hover{width:32px;height:31px;background:url(ytp_9h.gif);float:left;}
#ytpzooml  a:hover{width:26px;height:25px;background:url(ytp_zoomlh.gif);float:left;}
#ytpirisl  a:hover{width:26px;height:25px;background:url(ytp_irislh.gif);float:left;}
#ytpfocusl  a:hover{width:26px;height:27px;background:url(ytp_focuslh.gif);float:left;}
#ytpzoomr  a:hover{width:27px;height:25px;background:url(ytp_zoomrh.gif);float:left;}
#ytpirisr  a:hover{width:27px;height:25px;background:url(ytp_irisrh.gif);float:left;}
#ytpfocusr  a:hover{width:27px;height:27px;background:url(ytp_focusrh.gif);float:left;}
#ptz *div{float:left;}

.ShowMode{width: 124px; height: 26px; float: left; background: url(m_top.jpg); text-align: center;margin-top: 0px;cursor:pointer;}
.HideMode{width: 124px; height: 26px; float: left; background: url(m_inTop.jpg); text-align: center;margin-top: 0px;cursor:pointer;}

.ShowColorBT{width: 9px; height: 18px; margin-right: 2px; background: url(color00.gif);margin-top: 2px;cursor:pointer;float:left;}
.HideColorBT{width: 9px; height: 18px; margin-right: 2px; background: url(color0.gif);margin-top: 2px;cursor:pointer;float:left;}
.rcr{width:87px;height:27px;background:url('login-button2.gif');cursor:pointer;margin:6px 0 0 3px;text-align:center;padding:5px 0 0 0;
	text-decoration: none;float:left;}
#dcl {overflow:auto;width:140px;float:none;}
#cl li {cursor:pointer;display: block;width:auto;height:22px;padding:0 0 0 4px;}



.noMainPlay{background:url(noPlay.gif) no-repeat;width:10px;height:10px;}
.mainPlay{background:url(play.gif) no-repeat;}
   #playView div
        {
            border: thin solid #828282;
            float: left;
        }