@charset "utf-8";
/* CSS Document */
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-weight:400;}
h1,h2,h3,h4,h4,h5{margin:0;padding:0;}
body{padding:0; font-family: Arial, Helvetica, sans-serif,"SimSun"; font-size:12px;color:#3C3C3C;margin:0; padding:0; background:#373737;}
html{ overflow:auto;}
div{ margin:0; padding:0;}
select{font-size:12px;}
table{border-collapse:collapse;}
img{border:0;}
ul{list-style:none;}
.f_none{ width:0; height:0; border:0; float:none; margin:0; padding:0;}
body a{outline:none; blr:expression(this.onFocus = this.blur()); text-decoration:none; cursor:pointer;}
.clearF{zoom:1; margin:0 auto;}
.clearF:after{content:""; display:block; clear:both; height:0;}
.min_wid{ min-width:1000px; width:expression((documentElement.clientWidth < 1000)? "1000px" : "auto");}

/*Commen Style*/
.btn_style{ display:block; width:104px; height:24px; line-height:24px; overflow:hidden; border:1px solid #464646; background:url(../image/btnbg.png) repeat-x; color:#000; font-size:12px; cursor:pointer; text-align:center;}
.btn_style:hover{ border:1px solid #010102; background-position:0 -24px;}
.btn_gray_style{ display:block; width:104px; height:24px; line-height:24px; overflow:hidden; border:1px solid #464646; background:url(../image/btnbg.png) repeat-x; color:#fff; font-size:12px; cursor:pointer; text-align:center;cursor:default!important;}
.input_style{height:20px; line-height:20px; border:1px solid #A5A5A5; padding-left:4px;}

/*LOADING*/
.J_load_dialog{ position:relative; width:1px;height:1px; min-height:600px; z-index:1000; background:#373737; -moz-opacity:0.1; opacity:0.1;filter:alpha(opacity=10);}
.J_load_dialog .J_load_p{ position:absolute; padding:15px 0 0 80px; height:60px; line-height:30px; font-size:24px; font-weight:bold; color:#FFF;}
/*LOGIN*/
.loginC{ position:absolute; left:0; top:-10000px; width:100%; height:317px; margin-top:-200px; text-align:center;}
.login{ width:100%; height:317px; background: #373737 url(../image/bg.png) 0px 50px repeat-x;}
.loginInput{ width:484px; height:317px; margin:0 auto; background:url(../image/lgbg.jpg) no-repeat; }
.loadDialog{ position:relative; width:1px;height:1px; z-index:1000; background:#373737;-moz-opacity:.9; opacity:.9; filter:alpha(opacity=90);}
.loadP{ position:absolute; padding:15px 0 0 80px; height:60px; line-height:30px; font-size:24px; font-weight:bold; color:#FFF; background:url(../image/loading.gif) no-repeat;}

.logo{ width:474px; height:56px; padding-top:25px; margin:0 auto; background:url(../image/loginlogo.jpg) no-repeat bottom;}
.logincon{ width:484px; margin-top:35px;}
.titlelog{ float:left; width:162px; height:30px; padding-right:5px; margin-bottom:10px; text-align:right; color:#373737; line-height:30px; font-size:12px;}
.tvalue{ float:left;  height:27px; padding:3px auto auto 10px;}
.logincon ul{ clear:both; width:484px; height:30px; margin-bottom:10px;}
.logincon ul input {width:170px; height:18px; padding-top:4px; margin:0; border:1px solid #7A7A7A; background:#E0E0E0; font-size:12px;}

.loginBtn{ clear:both; width:474px; height:30px; padding-top:10px;}
.loginBtnC{ width:180px; height:26px; text-align:center;}
.loginBtnC a{ float:left; width:75px; margin:0 6px; _margin:0 3px;}

/*MAIN-CONTENT*/	
.mainContent{ width:100%; height:100%; display:inline-block; min-height:590px; y-overflow:hidden;}

/*MENU*/	
.header{ position:relative; width:100%; min-width:1000px; height:56px; background:#5C5C5C;}
.subLogo{ position:absolute; left:5px; width:400px;}
.subLogo a{ display:block; width:400px; height:55px; background:url(../image/logo.jpg) no-repeat; cursor:default;}

#t_ipc{ float:left; display:block; width:100px; height:60px; line-height:60px; font-size:12px; color:#DEDEDE;}

.navCon{ position:absolute; right:15px; bottom:0; _top:26px; height:30px;}
.navCon ul li{ float: left; width:116px; height:30px;}
.navCon .alarmtip{ position:relative; top:-27px; left:47px; background:url(../image/alert.gif) no-repeat; width:36px; height:26px; text-align:center; cursor:pointer;}
.nav_btn{ display: block; width:116px; height:30px; line-height:30px;  margin-left:1px; border:none; background:url(../image/pbbbtn.png) no-repeat 0 -316px; color:#373737; font-size:14px; text-align:center; font-weight:bold;}
.nav_btn:hover{ background-position: 0 -286px;}
.nav_btn1{ display: block; width:116px; height:30px; line-height:30px; margin-left:1px; text-align:center; background:url(../image/pbbbtn.png) no-repeat 0 -286px; color:#373737; font-size:14px;font-weight:bold; text-decoration:none;}

/*CONTENT*/
.content{ width:100%; display:inline-block; y-overflow:hidden; margin-bottom:10px;}
.pre_left{ float:left; width:140px; margin-left:10px; _margin-left:5px; margin-bottom:10px;}
.pre_rig{ margin-left:150px; margin-right:10px;}
.pre_righter{ float:right; width:140px; overflow:hidden; display:inline-block; padding-top:10px; margin-bottom:10px; background:#5C5C5C url(../image/indexbar.png) no-repeat 0 -263px;}
.pre_center{ float:left; margin-left:5px;}
.index_btm{ clear:both; width:100%; height:16px; line-height:16px;  background:#5C5C5C; color:#FFF; text-align:center;}

/*CENTER*/
.vedio_con{ width:100%; height:600px; background:#000;}
.playback_bg{ width:100%; height:30px; background:url(../image/btnbg.png) repeat-x 0 -304px; overflow:hidden; position:relative; left:0; top:0;}
.playback_covertop{ width:100%; height:30px; background:url(../image/btnbg.png) repeat-x 0 -304px; position:relative; left:0; top:0; z-index:1000;}
.playback_coverbottom{ padding-left:10px; position:relative; left:0; top:0; z-index:10;}
.playback_sliderbox{ float:left; margin:8px 20px auto 0; position:relative; left:0; top:0; width:350px; height:13px; background:url(../image/btnbg.png) repeat-x 0 -337px;}
.playback_slider{ width:6px; height:13px; background:url(../image/pbbbtn.png) no-repeat -213px 0;}
.playback_right{ float:left; }
.playback_right a{ float:left; width:26px; height:26px; margin:2px 10px auto 0; background:url(../image/p1.png) no-repeat;}
.playback_right a.p1{ background-position:0 0;}
.playback_right a.p1:hover,.playback_right a.p11{ background-position:-26px 0;}
.playback_right a.p2{ background-position:0 -26px;}
.playback_right a.p2:hover,.playback_right a.p21{ background-position:-26px -26px;}
.playback_right a.p3{ background-position:0 -52px;}
.playback_right a.p3:hover,.playback_right a.p31{ background-position:-26px -52px;}
.playback_right a.p4{ background-position:0 -78px;}
.playback_right a.p4:hover,.playback_right a.p41{ background-position:-26px -78px;}
.playback_right a.p5{ background-position:0 -104px;}
.playback_right a.p5:hover,.playback_right a.p51{ background-position:-26px -104px;}

.pb{height:20px;margin:3px 0 0 10px;position:absolute;z-index:9;overflow:hidden;}

.btn_bar{ height:27px; background:#000;}
.btn_diver{ float:left; width:24px; height:24px; margin-left:5px; background:url(../image/Window.png) no-repeat;}
.btn_diver:hover{ background-position: 0 -24px;}
.btn_4d{ background-position:-24px 0;}
.btn_4d:hover{ background-position: -24px -24px;}
.btn_8d{ background-position:-48px 0;}
.btn_8d:hover{ background-position: -48px -24px;}
.btn_9d{ background-position:-72px 0;}
.btn_9d:hover{ background-position: -72px -24px;}
.btn_16d{ background-position:-96px 0;}
.btn_16d:hover{ background-position: -96px -24px;}

/*LEFT*/
.botbar{ width:140px; height:6px; background:url(../image/indexbar.png) no-repeat 0 0; overflow:hidden;}

.channel_out{ width:130px; height:466px; padding:10px 5px; background:#5B5B5B; background:#5C5C5C url(../image/indexbar.png) no-repeat 0 -263px;}
.channel_mid{ float:left; width:125px; height:466px; overflow:hidden;}
.channel_in{ float:left; width:125px; overflow:hidden;}
.scroll_bar{ float:right; width:4px; height:466px; background:#3C3C3C;}
.scroll_slider{ position:absolute; width:4px; height:10px; line-height:10px; background:#A8A8A8;}

.channel_in a{ display:block; width:125px; height:19px; padding-top:6px; text-indent:27px; background:url(../image/indexbar.png) no-repeat -109px -147px; color:#FFF;}
.channel_in a:hover,.channel_in a.chanow0{ background-position:0 -9px; color:#111;}
.channel_in a.yellow{background:url(../image/indexbar.png) no-repeat -109px -172px;}
.channel_in a.yellow:hover,.channel_in a.chanow1{ background-position:0 -34px; color:#111;}
.channel_in a.green{background:url(../image/indexbar.png) no-repeat -109px -197px;}
.channel_in a.green:hover,.channel_in a.chanow2{ background-position:0 -59px; color:#111;}
.channel_in div a{ height:19px; line-height:19px; padding-top:0; text-indent:25px; background:url(../image/indexbar.png) no-repeat 0px -103px; color:#444;}
.channel_in div a:hover{ background-position:0 -84px; color:#333;}
.channel_in div a.codenow{background-position:0 -122px;}
.chl_name{ float:left; display:block; width:88px; height:15px; overflow:hidden; white-space:nowrap; word-wrap:break-word; word-break:break-all;}
.channel_in .code_dip{ float:right; display:block; height:15px; text-indent:0; margin-right:6px; _margin-right:3px;}
.channel_in .soundb{ float:right; display:block; width:15px; height:15px; text-indent:0; margin-right:4px; _margin-right:2px; background:url(../image/sound.png) no-repeat}
.channel_in .soundb1{ float:right; display:block; width:15px; height:15px; text-indent:0; margin-right:4px; _margin-right:2px; background:url(../image/sound.png) no-repeat -15px 0;}


.left_bot{ height:100px; margin-top:4px;}
.button_sel{ width:130px; height:120px; position:relative; left:0; top:0; z-index:12; overflow:hidden;}
.button_sel p{ clear:both; height:31px; overflow:hidden;}
.button_sel a{ float:left; margin-left:0; margin-bottom:5px;}
.button_sel .btn_dol a{ float:left; margin-right:4px;}
.button_sel .btn_dol a.no_margr{ margin-right:0;}
.open_box{ position:relative; left:26px; top:-95px; width:100px; z-index:13; display:inline-block; border:1px solid #464646; background:#F7F5F6;}
.pos1{ top:-64px; z-index:14;}
.pos2{ top:-95px; z-index:14;}
.open_box li{ width:100px; height:18px;}
.open_box li a{ display:block; line-height:18px; padding-left:10px; width:90px; color:#333;}
.open_box li a:hover{ background:#CCC;}
.audiotype_sel { background:#CCC;}

a.right_btnb{ width:18px; height:26px; background:url(../image/indexbar.png) no-repeat -103px -230px;}
a.right_btnb:hover{ background-position:-122px -230px;}

a.btn_sel{ width:110px; height:26px; line-height:26px; background:url(../image/leftbot.png) no-repeat 0px 0px; color:#373737; text-indent:30px;}
a.btn_open{ background-position:0 0;}
a.btn_open:hover,.button_sel .btn_open1{ background-position:0 -26px;}
a.btn_speak{ background-position:0 -52px;}
a.btn_speak:hover,.button_sel .btn_speak1{ background-position:0 -78px;}
a.btn_record{ width:128px; background-position:0 -104px;}
a.btn_record:hover,.button_sel .btn_record1{ width:128px; background-position:0 -130px;}
a.btn_local{ width:128px; background-position:0 -156px;}
a.btn_local:hover,.button_sel .btn_local1{ width:128px; background-position:0 -182px;}

/*PTZ-SET*/
.ptz_toper{ width:140px; height:10px; margin:0; overflow:hidden; background: #5C5C5C url(../image/sidebar4.png) no-repeat 0 -80px;}
.ptz_bottom { width:140px; height:13px;overflow:hidden;}

.yt{ width:111px; height:110px; padding-top:0px; margin:0 auto;}
.yt a{ float:left;display:block; width:34px; height:34px; margin:0 3px 3px 0px; background:url(../image/ytall1.png) no-repeat;}
.yt .yt1{ background-position: 0px  0px;}
.yt .yt2{ background-position: 0px  -31px;}
.yt .yt3{ background-position: 0px  -62px;}
.yt .yt4{ background-position: 0px  -93px;}
.yt .yt5{ float:left; display:block; background:url(../image/ytall2.png) no-repeat 0px 0px;}
.yt .yt5_disable{ float:left; display:block; background:url(../image/disable.png) no-repeat 0px 0px;}
.yt .y51{ float:left; display:block; background:url(../image/ytall2.png) no-repeat -34px 0px;}
.yt .yt5:hover{background-position: -34px  0px;}
.yt .yt6{ background-position: 0px  -124px;}
.yt .yt7{ background-position: 0px  -155px;}
.yt .yt8{ background-position: 0px  -186px;}
.yt .yt9{ background-position: 0px  -217px;}
.yt .yt1:hover{ background-position: -34px  0px;}
.yt .yt2:hover{ background-position: -34px  -31px;}
.yt .yt3:hover{ background-position: -34px -62px;}
.yt .yt4:hover{ background-position: -34px -93px;}
.yt .yt6:hover{ background-position: -34px -124px;}
.yt .yt7:hover{ background-position: -34px -155px;}
.yt .yt8:hover{ background-position: -34px  -186px;}
.yt .yt9:hover{ background-position: -34px -217px;}

.step{ width:130px; color:#FFF; font-size:12px;  text-align:center; margin:0 auto;}
.valueT{ width:140px; margin-bottom:4px; text-align:center;  color:#FFF; font-size:12px;}

.lessIcon{ float:left; display:block; width:28px; height:28px; margin:3px 0px; background:url(../image/ytall2.png) no-repeat 0 -34px;}
.lessIcon:hover{ background-position:-28px -34px;}
.modiText{ float:left; width:55px; height:28px; line-height:28px; font-size:12px; color:#FFF; text-decoration:none; margin:3px 0px; text-align:center; cursor:text;}
.moreIcon{ float:left; display: block; width:28px; height:28px; margin:3px 0px; background:url(../image/ytall2.png) no-repeat 0 -62px;}
.moreIcon:hover { background-position: -28px -62px;}
.forIE6{ float:left; width:1px; height:1px; overflow:hidden;}

.modify{ width:111px; height:100px; margin:0 auto;}
.ptz{ width:140px; padding:0; overflow:hidden; clear:both; position:relative; float:left;}
.adv_ptz{ float:left; width:140px; overflow:hidden;}

/*2.2---advance-ptz-set*/
.boat_menu{margin:10px auto;}
.J_colorbg{ width:152px; height:5px; background:#373737;}
.J_add_ptz_set{ height:240px; width:152px; background:url(../image/sidebar4.png) 0 -160px no-repeat}
h4{ margin:10px auto 20px auto;}
.J_add_ptz_set .J_ptz_top1{ width:152px; height:19px; background:url(../image/sidebar4.png) 0 -91px no-repeat;}
.J_add_ptz_set .J_ptz_top1 p{ float:left; width:76px; height:19px; line-height:19px; text-align:center; color:#B2B2B2; cursor:pointer;}
.J_add_ptz_set .J_ptz_top1 .J_pnow1{ background:url(../image/sidebar4.png) no-repeat 0 -111px; color:#FFF;}
.J_add_ptz_set .J_ptz_top1 .J_pnow2{ background:url(../image/sidebar4.png) no-repeat -76px -111px; color:#FFF;}
.J_pzt_select{padding:8px 0;}
.J_ptzbtn2{ float:left; width:45px; margin:5px 2px 0px auto; cursor:pointer;}
.J_tc_con1{ padding-top:6px; clear:both; width:142px; margin:0 auto; text-align:left; color:#FFF;}
.J_fzcon{ height:24px; line-height:24px; margin:5px; text-align:left; color:#FFF;}
.J_prebotnew{ width:152px; height:6px; background:url(../image/sidebar4.png) 0 394px no-repeat;}
.J_buton_contain{ color:#FFF;}
.J_buton_contain a,J_tc_con1 a{ float:left; display:block; width:32px; height:26px; padding-left:13px; margin:5px 1px 0px auto; overflow:hidden; cursor:pointer; line-height:26px; background:url(../image/pbbbtn.png) no-repeat 0 -182px; font-size:12px; color:#373737; text-align:left;}
.J_buton_contain .J_ptzbtn3,.J_tc_con1 .J_ptzbtn3{ float:left; display:block; width:69px; height:26px; line-height:26px; display:block; padding-left:0; margin:0px 1px 0px auto; background:url(../image/pbbbtn.png) no-repeat 0 -234px; text-align:left; text-indent:12px; color:#373737;}
.J_buton_contain .J_ptzbtn3:hover,.J_tc_con1 .J_ptzbtn3:hover{background-position:0 -260px; color:#000;}
.J_buton_contain .J_ptzbtn4,.J_tc_con1 .J_ptzbtn4{ float:left; display:block; width:69px; height:26px; line-height:26px; padding-left:0; margin:0px 1px 0px auto;  background:url(../image/pbbbtn.png) no-repeat -69px -234px;  text-align:left; text-indent:12px; color:#373737;}
.J_buton_contain .J_ptzbtn4:hover,.J_tc_con1 .J_ptzbtn4:hover{background-position:-69px -260px; color:#000;}
.J_buton_contain .ptzbtn5,.J_tc_con1 .ptzbtn5{ width:69px; padding-left:0; margin:0px 1px 0px auto; overflow:hidden; background-position:-138px -234px; text-align:center; }
.J_buton_contain .ptzbtn5:hover,.J_tc_con1 .ptzbtn5:hover{background-position:-138px -260px;}
.J_buton_contain .J_ptzbtn1,.J_tc_con1 .J_ptzbtn1{ display:block; float:left; width:67px; border:1px solid #464646; height:24px; line-height:24px; background:url(../image/btnbg.png) repeat-x; padding-left:0; margin:0px 1px 0px auto; text-align:center; color:#373737; word-wrap:break-word; overflow:hidden;}
.J_buton_contain .J_ptzbtn1:hover,.J_tc_con1 .J_ptzbtn1:hover{ border:1px solid #010102; background-position: 0 -72px; color:#000;}
.J_buton_contain .J_btn_auto{ margin:5px 0 0 35px;}
.J_buton_contain .J_postion_cen{ float:none; clear:both; margin:5px auto;}
.J_buton_contain .J_ptzstart{background-position: 0 -182px; }
.J_buton_contain .J_ptzstart:hover{background-position: 0 -208px;}
.J_buton_contain .J_ptzstop{background-position: -45px -182px; }
.J_buton_contain .J_ptzstop:hover{background-position: -45px -208px;}
.J_buton_contain .J_ptzbtnset{background-position: -90px -182px; }
.J_buton_contain .J_ptzbtnset:hover{background-position: -90px -208px;}
.J_buton_contain .J_ptzbtnadd{background-position: -135px -182px; }
.J_buton_contain .J_ptzbtnadd:hover{background-position: -135px -208px;}
.J_buton_contain .J_ptzbtndel{background-position: -180px -182px; }
.J_buton_contain .J_ptzbtndel:hover{background-position: -180px -208px;}
.J_buton_contain .J_ptzbtnsearch{background-position: -225px -182px; }
.J_buton_contain .J_ptzbtnsearch:hover{background-position: -225px -208px;}
.J_input_main90{width:84px; height:20px; line-height:20px; padding-left:4px; border:1px solid #a5a5a5;}

.menu_btns{float:left; width:40px; margin:5px 0 0px 3px;}

.J_ie6fix{ height:26px; overflow:hidden;}

.adv_tit{ width:140px; height:22px; padding-top:2px; color:#FFF; border-top:5px solid #5c5c5c; background:#373737; clear:both; text-align:center;}
.adv_tit a{ float:left; display:block; width:68px; height:22px; line-height:22px; overflow:hidden; background:url(../image/sidebar4.png) no-repeat; text-decoration: none; text-align:center; color:#FFF;}
.adv_tit a.t1{ background-position: 0 -306px;}
.adv_tit a.t2 { margin-left:4px; background-position: -68px -306px;}
.adv_tit a.t2:hover{ background-position:0 -306px;}
.adv_tit a.t3 { margin-left:4px; background-position:0 -306px;}
.adv_tit a.t4 { background-position:-68px -306px;}
.adv_tit a.t4:hover{ background-position:0 -306px;}



.open_bar{ float:left; width:140px;height:13px;overflow:hidden;}
.open_bar a{ float:left; display:block; width:140px; height:13px; background:url(../image/sidebar4.png) no-repeat; text-decoration: none;text-align:center;}
.open_bar a.y1 { background-position: 0 -104px;}
.open_bar a.y1:hover {background-position:0 -117px;}
.open_bar a.y2 { background-position:0 -130px;}
.open_bar a.y2:hover {background-position:0 -143px;}

/*打开菜单*/
.J_boatX{width:93px; height:93px; margin:10px auto; background:url(../image/boat.png) no-repeat 0 0; text-align:left; overflow:hidden; position:relative; left:0; top:0;}
.J_boatX div{ position:relative; width:40px; height:25px; text-align:left; cursor:pointer;}
.J_boatX .J_boat1{ top:2px; left:25px;}
.J_boatX .J_boat2{ top:1px; left:0px; width:30px; height:35px;}
.J_boatX .J_boat3{ top:-28px; left:35px; width:22px; height:22px;}
.J_boatX .J_boat4{ top:-60px; left:60px; width:30px; height:40px;}
.J_boatX .J_boat5{ top:-65px; left:25px;}
.imag1{background-position:0 -93px;}
.imag2{background-position:0 -186px;}
.imag3{background-position:0 -279px;}
.imag4{background-position:0 -372px;}
.imag5{background-position:0 -465px;}

/*image-Adjust*/
.img{position:relative; width:140px; overflow:hidden; background:#373737;}
.img_adjust{ float:left; width:140px; display:inline-block; padding:5px 0 10px 0; background:#5C5C5C;}

.img_tit{ width:140px; height:22px; line-height:22px; color:#FFF; border-top:5px solid #373737; background:#373737; clear:both; text-align:center;}
.advptz_tit{ padding-top:5px; margin-top:0; border-top:0px;}
.img_tit a{ float:left; display:block; width:68px; height:22px; margin:0; line-height:22px; overflow:hidden; background:url(../image/sidebar4.png) no-repeat; text-decoration: none; text-align:center; color:#FFF;}
.img_tit a.t1{ background-position: 0 -81px;}
.img_tit a.t2 { margin-left:4px; background-position: -68px -81px;}
.img_tit a.t2:hover{ background-position:0 -81px;}
.img_tit a.t3 { margin-left:4px; background-position:0 -81px;}
.img_tit a.t4 { background-position:-68px -81px;}
.img_tit a.t4:hover{ background-position:0 -81px;}

.img_item{ width:140px; height:26px; overflow:hidden;}
.img_item a,.img_item span{ float:left; display:block;}
.icon{ width:16px; height:16px; margin:5px 0 0 4px; background:url(../image/ytall2.png) -56px -228px;}
.img2{ background-position:-56px -244px;}
.img3{ background-position:-56px -260px;}
.img4{ background-position:-56px -276px;}
.sal{ width:13px; height:13px; margin:6px 4px 7px; background:url(../image/ytall2.png) 0 -225px; overflow:hidden;}
.sal:hover{ background-position:-13px -225px;}
.sar{ width:13px; height:13px; margin:6px 4px 7px; background:url(../image/ytall2.png) 0 -238px; overflow:hidden;}
.sar:hover{ background-position:-13px -238px;}
.marauto{ width:60px; height:26px; margin:10px auto 0;}

.alarm_tit{ clear:both; width:100%; line-height:30px; text-align:left; text-indent:6px; color:#FFF; margin-bottom:5px;}
.refresh_icon{ float:right; margin-top:5px; *margin-top:-25px; margin-right:6px; _margin-right:3px; width:20px; height:20px; background:url(../image/sidebar4.png) no-repeat 0 -234px;}
.refresh_icon:hover{ background-position:-20px -234px;}
.brecord_icon{ float:left; margin-left:6px; _margin-left:3px; width:62px; height:26px; background:url(../image/sidebar4.png) no-repeat 0 -156px;}
.brecord_icon:hover{ background-position:0 -182px;}
.brecord_icon1{float:left; margin-left:6px; _margin-left:3px; width:62px; height:26px; background:url(../image/sidebar4.png) no-repeat 0 -208px;}
.breboot_icon{ float:left;margin-left:4px; _margin-left:2px; width:62px; height:26px; background:url(../image/sidebar4.png) no-repeat -62px -156px;}
.breboot_icon:hover{ background-position:-62px -182px;}
.breboot_icon1{float:left; margin-left:4px; _margin-left:2px; width:62px; height:26px; background:url(../image/sidebar4.png) no-repeat -62px -208px;}
.clearb{ clear:both; padding-top:15px;}
.bortop_line{ height:40px; background:url(../image/sidebar4.png) no-repeat 5px -260px;}
.alarm_btn{ display:inline-block; padding-bottom:10px;}
.rec_btn{ display:block; width:104px; height:26px; line-height:26px; margin-top:5px; text-indent:40px; background:url(../image/sidebar4.png) no-repeat 0 -156px; color:#373737;}
.rec_btn:hover{ background-position: 0 -182px;}
.rec_btn1{ display:block; width:104px; height:26px; line-height:26px; margin-top:5px; text-indent:40px; background:url(../image/sidebar4.png) no-repeat 0 -208px; color:#000;}

/*channel button*/
a.bc1{ float:left; width:22px; height:22px; line-height:22px; margin:2px 0 2px 10px; text-align:center; background:url(../image/ytall3.png) no-repeat 0 0; color:#333;}
a.bc2{float:left; width:22px; height:22px; line-height:22px; margin:2px 0 2px 10px; text-align:center; background:url(../image/ytall3.png) no-repeat -44px 0; color:#333;}
a.bc1:hover{ background-position: -22px 0;}

/*INDEX-SLIDER*/
.sax{ float:left; display:inline-block; width:70px; height:19px; margin:3px 0 0 4px; background:url(../image/bgx.png) repeat-x 0 -73px;}
.skx{ float:left; width:10px; height:19px; background:url(../image/ytall3.png) 0 -184px no-repeat; cursor:pointer;}
.skx:hover{ background-position:-10px -184px;}
.skx01{ float:left; width:10px; height:19px; background:url(../image/ytall3.png) -10px -184px no-repeat; cursor:pointer;}

<!--首页左侧下方栏目-->
#cmu{width:120px; height:0; border:1px solid #A5A5A5; background:#FFF; float:right; padding-left:20px; 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:80px;background:#000; margin:0 0 0 76px;position:absolute; z-index:30;}
#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;}




/*public*/
.f_left{ float:left;}
.fwhite{ color:#FFF;}
.martb5{ margin:5px auto;}
.marl5{ margin-left:5px;}
.marl10{ margin-left:10px;}
.marl18{ margin-left:18px;}
.mart10{ margin-top:10px;}
.cbtd{padding:5px 0 0 2px}
.set{ float:left; width:60px; margin:5px 0 0 4px;}
.wid38{ width:38px;}
.wid45{ width:45px;}
.wid60{ width:60px;}
.wid108{ width:108px;}
.width132{ width:134px;}
.wid140{ width:140px;}
.ie6_fixed{ float:left; display: block; width:100px; height:10px;}
.mart5{ margin-top:5px;}

/*firefox split windows*/
#divFathVideo{width:400px; height:300px;position:relative;color:red; padding:1px;}
#divFathVideo div{ background:#000; border:2px solid #414141; width:20px; height:20px; position:absolute; top:-10000px;}
.btn_bar{height:24px; }

/*END Boardcast*/
.estopAll{position:absolute;top:0;left:0;background:#fff;opacity:0;filter:alpha(opacity=0);}