.subnav li{float: left;margin-right: 12px;}
.subnav{ bottom: 0;font-size: 0;left: 900px;position: absolute;}
.subnav li a.nav-item{background-image: url("../image/topico.png");color: #C2D4DD;display: block;font-size: 12px;font-weight: bold;height: 49px;line-height: 49px;text-align: center; width: 28px;}
.subnav li a.xxtpz{background-position:0 0;}
.subnav li a.xxtpz:hover{background-position: 0 -49px;}
.subnav li a.xxtpz-current{background-position: 0 -98px;}
.subnav li a.xxinxi{background-position:-40px 0;}
.subnav li a.xxinxi:hover{background-position: -40px -49px;}
.subnav li a.xxinxi-current{background-position: -40px -98px;}
.subnav li a.xtc{background-position:-80px 0;}
.subnav li a.xtc:hover{background-position: -80px -49px;}
.subnav li a.xtc-current{background-position: -80px -98px;}
.subnav-time{bottom: 0;color: #737373;cursor: pointer;font-size: 13px;height: 49px;
    left: 1000px;line-height: 49px;position: absolute;width: 100px;margin-left:30px;}
.nav-separator-oem { height: 49px !important;width: 2px !important;background:url("../image/topsep.png") no-repeat scroll 0 0 transparent;}
.adv_ptzcon .width43 {
    width: 43px;
}
/*preview-left-channel-style*/
.J_channel_title{ width:100%; height:30px; line-height:30px; text-align:left; background:url(../image/pre.png) 6px -170px no-repeat;}
.J_channel_title h1{ float:left; text-indent:10px; font-weight:bold;}
.J_refresh{ float:right; margin-right:5px; margin-top:5px; display:block; width:20px; height:20px; background:url(../image/pre.png) no-repeat;}
.J_refresh:hover{ background-position:-20px 0;}
.J_channel_out,J_channel_sel{ width:130px; height:500px; padding:10px 5px; background:#5B5B5B; background:#5C5C5C url(../image/indexbar.png) no-repeat 0 -263px;}
.J_channel_sel{background-position:-377px -25px;}
.J_channelbox{float:left; width:150px; height:500px;overflow:hidden;}
.J_channel_con{ float:left; width:145px;overflow:hidden;}

.alarm{ position:absolute; left:15px; right:15px; _position:fixed; _left:0; _right:0px;  _margin:0 15px; display:inline-block; overflow:hidden; background:#5E5E5E;}
.alert_l{ float:left; width:30%; height:450px; margin:10px; _margin:10px 10px 10px 5px; overflow:hidden; padding:10px;  background:#5E5E5E; color:#FFF;}
.alert_l p{ clear:both; margin-top:20px; font-weight:bold; color:#FFF; text-align:left;}
.alert_l ul li{ float:left; width:160px; text-align:left; color:#FFF;}
.main-nav li a{ display: block; width:100px; color:#C2D4DD;height:49px; line-height:49px; font-size:15px; text-align:center; font-weight:bold;}
.main-nav li a:hover,.main-nav li a.main-nav-current{  background-image: url("../image/topsel.png");color:#FFFFFF;}
.alarmtip{ float:left; position:relative; top:-27px; left:10px; width:36px; height:26px; background:url(../image/alert.gif) no-repeat;text-align:center; cursor:pointer;}
.login { 
   top:0;margin-top:0;width:100%; height:100%; min-height:768px;background: url("../image/lgbg.png") repeat-x scroll 0 0 transparent; text-align:center; position:absolute; left:0;
}
.login-webplugin {
    position: absolute;
    margin-left: -200px;
    margin-top: -150px;
    top: 50% ;
    left: 50% ;
    padding-bottom:10px;
    width: 400px;
    height: 120px;
    text-align: center; 
    z-index: 9999;
}
.login-input-item{
     width: 100%;
     height: 37px;
     position:relative;
     width: 250px;
     text-align: left;
     margin-bottom: 0;
}
.main-head {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 49px;
    z-index: 60;
}
.main-logo {
    height: 49px;
    position: absolute;
    width: 100%;
    left: 0;
}
.sub-logo{  background: url("../image/topbar.png") no-repeat scroll 0 0 transparent;
    height: 49px;
    max-width: 2000px;
    position: absolute;
    width: 100%;
    left:0px;
}
.main-nav {
    position: absolute; 
    left: 410px; 
    bottom: 0;
    font-size: 0;
}
.J_pbicons{ float:left;  margin-left:10px; top:0px; background-image: none;height: auto;}
.J_pb_text{ height:36px;line-height:17px; width:25px;margin-top:6px;float:left;font-size:11px;font-weight:bold;}
.J_pb_slider{    background: url("../image/playback2.png") no-repeat scroll -26px -311px transparent;height: 35px; margin-left: 10px;margin-top: 20px;text-align: center;width: 155px;}
.J_pb_sliderbg{ float:left; width:110px; height:25px; background:url("../image/playback2.png") no-repeat scroll -188px -311px transparent; text-align:left; position:relative; left:0; top:0;margin-left:8px;}
.J_pb_sliderline{ position:absolute; left:0; top:0; width:40px; height:25px; background:url("../image/playback2.png") repeat-x scroll -412px -311px transparent; z-index:10;}
.J_pbicons li a.J_pb_sax{ background: url("../image/playback2.png") no-repeat scroll -531px -311px transparent;display: block;float: left;height: 25px;margin-top: 0; position: relative;top: 0; width: 10px; z-index: 1000;}
.J_pbicons li a.J_pb_sax:hover{ background-position:-546px -311px;}
.J_pb_sound_sliderbg{ width:143px; height:22px; background:url("../image/playback2.png") no-repeat scroll -55px -270px transparent; position:relative; left:0; top:8px;}
.J_pbicons li a.J_pb_sound_sax{ float:left; display:block; width:18px; height:22px; background:url("../image/playback2.png") no-repeat scroll -482px -270px transparent; margin-top:0; position:relative; left:30px;}
.J_pbicons li a.J_pb_sound_sax:hover{ background-position:-501px -270px;}
.J_pb_slider2{  height: 35px;margin-left: 10px; margin-top: 12px; text-align: center;  width: 155px;}
.J_sliderline_volume{ background: url("../image/playback2.png") repeat-x scroll -340px -270px transparent;height: 22px;left: 0;position: absolute;top: 0;width: 40px; z-index: 10;}
.J_pbicons li.J_pb_lef1{margin-left:0;}
.pre-left{
    width: 150px;
    margin-left: 0; 
}
.pre-righter{ 
    float: right;
    width: 200px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 2px;
}
.pre_center{ 
    float:left;
    margin-left: 15px;
    position: absolute;
}
.pre-bottom {
    clear: both;
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 1px;
    width: 100%;
    left: 0px;
}
.pre-bottom div{ width:100%; height:40px;line-height:40px;}
.pre-left-control {
    width: 150px;
    height: 496px;
    padding: 0px 5px;
    margin-top:0;
}
.pre-left-channel-mid {
    float: left;
    width: 150px;
    height: 466px;
    overflow: hidden;
}
.pre-left-channel-in {
    float: left;
    width: 145px;
    overflow: hidden;
}
.pre_channel_downicon {
    float: right;
    display: block !important;
    width: 22px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -510px 0;
}

.pre-selectbtn {
    display: block;
    width: 25px;
    height: 24px;
    background: url(../image/pre.png) -40px 0;
}
.pre-lb {
    width: 132px;
    height: 31px;
    margin: 0 auto;
    position: relative;
}
.pre-lb .pre-selbtn {
    width: 25px;
    margin-left: -1px;
}
.pre-lb a{
    float: left;
    margin-right: 0;
    margin-bottom: 4px;
    height: 25px;
    color: #ffffff;
}
.pre_channel_stream {
	background: none repeat scroll 0 0 #C0C0C0;
	border: 1px solid #464646;
	display: none;
	float: right;
	text-align: left;
	width: 100px;
}
.pre_channel_iconYellowNVR .pre_channel_downicon{    
    background-position: -510px -30px;
    display: block;
}

.pre-channelm-green .pre-channel-icon {    
    background-position: -510px -60px;
}
.pre-channel-name {
    float: left;
    display: block;
    width: 65px;
    height: 22px;
    line-height: 22px; 
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
	margin-left: 3px;
    color:#FFF;
}
.pre-lef-popup {
    position: absolute;
    left: 28px;
    top: 27px;
    width: 100px;
    z-index: 13;
    display: inline-block;
    border: 1px solid #464646;
    background: #F7F5F6;
}
.pre-left-channel, .pre-left-control{
	width:150px;
	height: 496px;
}
.playback_bg{ width:100%; height:30px; background:url(../image/btnbg.png) repeat-x 0 -304px; overflow:hidden; position:relative; left:0; top:0; z-index:12;}
.playback_covertop{ width:100%; height:30px; background:url(../image/btnbg.png) repeat-x 0 -304px; position:relative; left:0; top:0; z-index:12;}
/*preview-right*/
.J_pr_ptzcon,.J_pr_fouse{ display:inline-block; width:146px; margin-left:25px; height:146px;}
.J_pr_ptzcon{margin-bottom:10px;}

.ui-ptz-specail-icon,
.J_pr_ptzcon,
.ui-ptz-boat-Up,
.ui-ptz-boat-Down,
.ui-ptz-boat-Left,
.ui-ptz-boat-Right,
.ui-ptz-boat-LeftUp,
.ui-ptz-boat-RightUp,
.ui-ptz-boat-LeftDown,
.ui-ptz-boat-RightDown,
.ui-ptz-boat-Center {
    background: url(../image/ptzboat.png) no-repeat;
}
.J_pr_ptzcon a:hover{ background-position:-30px -25px;}
.J_pr_ptzcon a.yt5,a.yt5_selt,.J_pr_ptzcon a.yt5_disable{ width:36px; height:36px; margin:-3px 7px 7px -3px;background:url(../image/pre.png) -72px -19px no-repeat;}
.J_pr_ptzcon a.yt5:hover{ background-position:-108px -19px;}
.J_pr_ptzcon a.yt5_selt{background-position:-108px -19px;}


#prew_yt.ui-ptz-boat-Up {
    background-position: 0px -147px;
}
#prew_yt.ui-ptz-boat-Down {
    background-position: 0px -294px;
}
#prew_yt.ui-ptz-boat-Left {
    background-position: 0px -441px;
}
#prew_yt.ui-ptz-boat-Right {
    background-position: 0px -588px;
}
#prew_yt.ui-ptz-boat-LeftUp {
    background-position: 0px -735px;
}
#prew_yt.ui-ptz-boat-RightUp {
    background-position: 0px -1029px;
}
#prew_yt.ui-ptz-boat-LeftDown {
    background-position: 0px -882px;
}
#prew_yt.ui-ptz-boat-RightDown {
    background-position: 0px -1176px;
}
#prew_yt.ui-ptz-boat-Center {
    background-position: 0px -1323px;
}
#yt [class^="ui-ptz-icon-"],
#yt .ui-ptz-icon,
#yt .ui-ptz-specail-icon {
    background: transparent;
}
#yt .ui-ptz-specail-icon,
#yt .ui-ptz-pos-center {
    margin: 4px 18px 0 22px;
}
#yt .ui-ptz-pos-up {
    margin: 0 10px;
    background-position: 0  -30px; 
}
#yt .ui-ptz-pos-leftup {
    margin: 18px 1px 0 18px;
}
#yt .ui-ptz-pos-rightup {
    margin: 18px 0 6px;
}
#yt .ui-ptz-pos-left {
    margin: 6px 0 0 6px;
}
#yt .ui-ptz-pos-right {
    margin: 6px 0 0 10px;
}
#yt .ui-ptz-pos-leftdown {
    margin: 7px 15px;
}
#yt .ui-ptz-posdown {
    margin: 28px 0 0 0;
}
#yt .ui-ptz-pos-rightdown {
    margin: 8px 15px;
}
.pre-ptz{ 
	width:200px; 
	padding:0; 
	overflow:hidden; 
	clear:both; 
	position:relative; 
	float:left;
}
.pre-ptz {
    /*见skin.css*/ 
}
.pre-adv-ptz {
    height: 210px;
    margin-top: 10px;
    overflow: hidden;
    width:auto;
}
.pre_adv_ptzcon {
    height: 180px;
    padding-top: 10px;
    background: #444;
    color: #FFF;
    padding-left: 30px;
}
.pre_adv_ptzcon a {
    display: block;
    float: left;
    margin-right: 1px;
    margin-top: 5px;
    color: #FFFFFF;
    height: 25px;
}
.pre_adv_ptzcon .fn-width42{
    width: 42px;
}
.pre_adv_ptz_open,.pre_adv_ptz_close{ display:block; clear:both; width:200px; height:10px; background:url(../image/prebtnbg.png) 0 -104px repeat-x;}
.pre_adv_ptz_open:hover,.pre_adv_ptz_close:hover{ background-position:0 -114px;}
.pre_adv_ptz_open span,.pre_adv_ptz_close span{ display:block; width:16px; height:10px; margin:0 auto; background:url(../image/pre.png) -16px -152px no-repeat;}
.pre_adv_ptz_open:hover span{ background-position: 0px -152px;}
.pre_adv_ptz_close span{ background-position:-48px -152px;}
.pre_adv_ptz_close:hover span{ background-position: -32px -152px;}
.pre-ptz-step {
    clear: both;
    text-align: center;
}
.pre_sliderbg{ float:left; width:65px; height:20px; background:url("../image/allbg.png?version=2.210") 0 -90px repeat-x; position:relative; left:0; top:0;}
.pre_slider{ position:relative; width:10px; height:20px; background:url("../image/icons.png?version=2.210") -180px 0 no-repeat; cursor:pointer;}
.pre_slider:hover{ background-position:-180px -30px}
.pre-right-title {
    clear: both;
    width: 202px;
    height: 30px;
    padding-left: 1px;
}
.pre-right-title-item {
    border-radius: 4px 4px 0 0;
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.pre-right-title-item-current {
    /*见skin.css*/ 
}
.pre-right-box {
    border-radius: 4px 4px 4px 4px;
    background-position: 0 -516px;
    background-repeat: repeat-x;
    width: 200px;
    padding-top: 0px;
}
.pre-right-bar {
    float: left;
    width: 200px;
    height: 13px;
    overflow: hidden;
}
.pre-center-con {
    position: relative;
    width: 100%;
    height: 97%;
    z-index: 1001;
}
.prew_ps_bg {
    background: url(../image/liveicons.png) no-repeat -213px -145px;
    height: 27px;
    float: left;
    width: 100px;
    position: relative;
    margin-left: 5px;
}

.prew_speed_sax {
    float: left;
    display: block;
    width: 10px;
    height: 27px;
    margin-top: 0;
    background: url(../image/liveicons.png) -218px -195px no-repeat;
    z-index: 1000;
    position: relative;
    top: 0;
}
.prew_speed_sax:hover {
    background-position: -233px -195px;
}
.prew_speed_sax:active {
    background-position: -248px -195px;
}

.set-sidebar {
    position: absolute;
    left: 11px;
    width: 162px;
    text-align: left;
    background: none repeat scroll 0 0 #292929;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #595959;
    height: 699px;
}
.set-ul{
    background: none repeat scroll 0 0 #3D3D3D;
}
.set-item,
.set-item:hover {
    display: block;
    width: 153px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    word-wrap: break-word;
    text-indent: 30px;
    font-size: 12px;
    font-weight: normal;
}
.set-item:hover {
    background-position: 0 -120px;
    background-repeat: repeat-x;
}
.set-item-current {
    background-position: 0 -120px;
    background-repeat: repeat-x;
}

#setup .set-menu{
    background-image: url(../image/seticons.png);display:block; width:162px; height:24px; line-height:24px; text-indent:30px; background-repeat:no-repeat; font-size:14px; font-weight:bold; word-wrap:break-word;}
#_image.set-menu {
    background-position: 0px 0px;
}
#_image.set-menu-current,
#_image.set-menu:hover {
    background-position: 0px -24px;
}
#_netset.set-menu {
    background-position: 0px -48px;
}
#_netset.set-menu-current,
#_netset.set-menu:hover {
    background-position: 0px -72px;
}
#_event.set-menu {
    background-position: 0px -96px;
}
#_event.set-menu-current,
#_event.set-menu:hover {
    background-position: 0px -120px;
}
#_storage.set-menu  {
    background-position: 0px -144px;
}
#_storage .set-menu-current,
#_storage.set-menu:hover {
    background-position: 0px -168px;
}
#_sysmng.set-menu {
    background-position: 0px -192px;
}
#_sysmng.set-menu-current,
#_sysmng.set-menu:hover {
    background-position: 0px -216px;
}
/*reset*/
html,body {
    background: #000;
    color: #FFF;
    text-align: center;
}
input[type=text]:focus,input[type=password]:focus{ border:1px solid #555; background:#fef9d4;}
.pre-channel-item,
.pre-center-video,
.pre-right-box,
.pre-channel-item-current,
.pre-windowbox-center {
    background-image: url(../image/allbg2.png?version=2.210);    
}
.ui-slider-container{
 float:left; width:100px; height:18px; background:url("../image/allbg.png?version=2.210") 0 -90px repeat-x; position:relative; left:0; top:0;
}
.prew_sliderline_speed {
    float:left; width:100px; height:18px; background:url("../image/liveicons.png") no-repeat -213px -175px repeat-x; position:relative; left:0; top:4px;
}
.pre-ptz-step,.J_pr_fouse,.J_pre_alarm_tit{ color:#FFF;}
.pre-ptz-step {
    background: url("../image/liveicons.png") no-repeat scroll -213px -118px transparent;
    clear: both;
    height: 27px;
    margin-left: 5px;
    text-align: left;
}
.pre-ptz-step span {
    color: #949494;
    float: left;
    height: 27px;
    line-height: 27px;
    padding: 0 3px;
}
.ui-button,
.ui-button-special {
    border: 1px solid #000;
    line-height: 25px;
    border-radius: 2px;
    width: 104px;
    margin-right: 10px;
    text-align: center;
}
.ui-button:hover,
.ui-button-current,
.ui-button-current:hover,
.ui-button-special-current,
.ui-button-special-current:hover {
    border-color: #000;
    color: #FFFFFF;
    background-position: 0 -226px;
}
/**ui.css**/
.ui-button:hover{
     background-position: 0 -226px;
}
.ui-button-special-hover {
    background-position: -201px 0;
}

.ui-table-container,
.ui-special-table {
    background: #5E5E5E;
}
.ui-table table,
.ui-table-container tr,
.ui-special-table table,
.ui-special-table tr {
    background: #626262;
}
.ui-table-container tr.ui-table-tr-odd,
.ui-special-table tr.ui-special-table-tr-odd,
.ui-table-container tr.J_tr1{
    background: #585858;
}

.ui-table-container tr:hover {
    background: #0190D4;   
}
.ui-table-container tr.ui-table-tr-current,
.ui-special-table tr.ui-table-tr-current {
    background: #0190D4;   
}
.ui-table-header th{  
    border-left: 1px solid #828282;
    border-right: 1px solid #606060;
    border-top: 1px solid #ADADAD;
    color: #FFFFFF;
    font-weight: bold;
}
/*ui-dialog*/
.ui-dialog {
    border: 2px solid #787878;
    background: #1E1E1E;
}
/*.ui-dialog-title {
    background: url(../image/allbg2.png) repeat-x scroll 0 -400px transparent;
}*/
/*ui-timesection 时间段设置*/
.ui-timesection {
    border: 1px solid #000;
    background: #545456;
}
.ui-receiver-box p{
    color: #3F3F3F;
}
.login-top{
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: url("../image/lgtop.png") repeat-x scroll 0 0;
}
.login-box{ margin:0 auto;padding-top: 40px;width:352px;height:273px;background: url("../image/lgboxbg.png") no-repeat scroll 0 0 transparent;}
.login-box ul li{ padding-bottom:10px;color:#373737;}
.login-box .login-type li{ padding-bottom:0px;}
.login-logo{
    background:url("../image/lgTitle.png?version=2.400") no-repeat;height: 23px;margin-left: auto;margin-right: auto;width: 277px;padding-top: 0;}
.login-username-icon{background-image:url("../image/icons2.png?version=2.400");background-position:-320px -74px;background-repeat:no-repeat;height:37px;left:15px;position:absolute;top:3px;width:20px}
.login-password-icon{background-image:url("../image/icons2.png?version=2.400");background-position:-340px -74px;background-repeat:no-repeat;height:37px;left:15px;position:absolute;top:3px;width:20px}
.login-content { 
    background-image: url("../image/lgbg.jpg?version=2.400");
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 445px;
    margin: 0 auto;
    padding-top: 185px;
    text-align: center;
    width: 100%;
}
.login-bottom{
    height: 20px;
    margin-top: 80px;
    width: 100%;
}
.login-input{ background-image: url("../image/login.png?version=2.400");
    background-position: 0 -34px;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    float: left;
    height: 37px;
    line-height: 37px;
    padding-left: 30px;
    width: 220px;
}
.login-input:focus{background: url("../image/login.png?version=2.400") no-repeat 0 -71px;}
.lginbtn{
    background:url("../image/login.png?version=2.400") no-repeat scroll 0 -145px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
    width: 250px;
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background: #494949;
}
.main-nav-oem li {
    float: left;
    width:auto;
    height: auto;
}
.pre-bottom div{
   background: url(../image/footer.png) no-repeat scroll center center transparent;

}
.pre-left,
.pre-left-channel,
.pre-left-control {
     background: #494949;
}
.pre-channel-item{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: 0 -151px;
    border-color: -moz-use-text-color #000000 #000000;
    border-right: 1px solid #000000;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #000000;
    clear: both;
    display: block;
    height: 25px;
    width:117px;
    float:left;
}
.pre-channel-item-current {
    border: 1px solid #000;
    background-position: 0px -176px;
    background-repeat: repeat-x;
}
.pre-right-title {
    background: #5C5C5C;
}

.pre-right-title-item {
    background: url("../image/allbg2.png?version=2.210") repeat-x scroll 0 -823px transparent;
}

.pre-right-title-item-current {
    color: #FFF;
    font-weight: bold;
    background-position:0 -793px;
}
.ui-button, .ui-button-special, .ui-button-bg, .ui-slider-container-current, .pre-right-bar-item, .pre-playbackbar, .pre-playback-coverbottom, .pre-channel-item, .pre-center-video, .pre-right-box, .pre-channel-item-current, .pre-windowbox-center {
    background-image: url(../image/allbg2.png?version=2.210);
}
/*preview-right*/
.pre-center-video {
   background-position: 0 -853px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 41px;
   padding-top: 1px;
   z-index: 1001;
}
/*SET*/
.set-content-box {
    background: #5E5E5E;
}
.set-item {
    color: #AFAFAF;
}
.set-item:hover,
.set-item-current {
    color: #FFF;
}
.frameBack{
    background: none repeat scroll 0 0 #5E5E5E;
}

/*
 * 模块名称: ui-tab 
 * 模块描述:set页面右边TAB;
 */
.ui-tab {
    width:100%;
    height:34px;
    position:relative; 
    z-index:0; 
    margin-bottom:10px;   
}
.ui-tab ul {
    border-bottom:1px solid #818181;
    background:none repeat scroll 0 0 #000000;
    height:33px;
}

.ui-tab li {
    float:left; 
    width:147px; 
    height:31px; 
    line-height:26px; 
    margin-right:6px; 
    overflow:hidden; 
    font-size:14px; 
    text-align:center; 
    cursor:pointer;
    background:url("../image/allbg2.png?version=2.210") 0 -340px repeat-x;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    margin-top:2px;
    margin-left:10px;
    color: #FFFFFF;
    padding: 0 0 0;
}
.ui-tab li.ui-tab-current {
    font-weight: bold;
    background:url("../image/allbg2.png?version=2.210") 0 -340px repeat-x;
    color: #FFFFFF;
}
.ui-tab li.ui-tab-help {
    float:right; width:26px; height:26px; margin-right:0;
}
.ui-video-icon {
    float: left;
    display: block;
    width: 53px;
    height: 29px;
    margin-left: 6px;
    background-position: -60px 0;
    background-repeat: no-repeat;
    background-image: none;
}
[class^= "ui-video-icon-"] {
    display: block;
    width: 53px;
    height: 29px;
    float:left;
    margin-left: 6px;
    background-position: -60px 0;
    background-repeat: no-repeat;
}
.ui-video-icon-hd,
.ui-video-icon-quality,
.ui-video-icon-full,
.ui-video-icon-vertical,
.ui-video-icon-screen1,
.ui-video-icon-screen4,
.ui-video-icon-screen6,
.ui-video-icon-screen8,
.ui-video-icon-screen9,
.ui-video-icon-screen12,
.ui-video-icon-screen16,
.ui-video-icon-screen20,
.ui-video-icon-screen25,
.ui-video-icon-screen36 {
    background-image: url(../image/liveicons.png?version=2.210);
    width: 53px;
    height: 29px;
    -moz-opacity: 1; 
    opacity: 1;
}
.ui-video-icon-full {
    background-position: -125px -25px;  
}
.ui-video-icon-full:hover {
    background-position: -125px -67px;  
}
.ui-video-icon-quality {
    background-position: -68px -25px;  
}
.ui-video-icon-quality:hover {
    background-position: -68px -67px;  
}
.ui-video-icon-hd {
    background-position: -5px -25px;  
}
.ui-video-icon-hd:hover {
    background-position: -5px -67px;  
}
.ui-video-icon-screen1 {
    background-position: -245px -25px;  
}
.ui-video-icon-screen1:hover {
    background-position: -245px -67px;  
}
.ui-video-icon-screen4 {
    background-position: -306px -25px;  
}
.ui-video-icon-screen4:hover {
    background-position: -306px -67px;  
}
.ui-video-icon-screen6 {
    background-position: -365px -25px;  
}
.ui-video-icon-screen6:hover {
    background-position: -365px -67px;  
}
.ui-video-icon-screen8 {
    background-position: -424px -25px;  
}
.ui-video-icon-screen8:hover {
    background-position: -424px -67px;  
}
.ui-video-icon-screen9 {
    background-position: -481px -25px;  
}
.ui-video-icon-screen9:hover {
    background-position: -481px -67px;  
}
.ui-video-icon-screen12 {
    background-position: -540px -25px;  
}
.ui-video-icon-screen12:hover {
    background-position: -540px -67px;  
}
.ui-video-icon-screen16 {
    background-position: -599px -25px;  
}
.ui-video-icon-screen16:hover {
    background-position: -599px -67px;  
}
.ui-video-icon-screen20 {
    background-position: -660px -25px;  
}
.ui-video-icon-screen20:hover {
    background-position: -660px -67px;  
}
.ui-video-icon-screen25 {
    background-position: -720px -25px;  
}
.ui-video-icon-screen25:hover {
    background-position: -720px -67px;  
}
.ui-video-icon-screen36 {
    background-position: -780px -25px;  
}
.ui-video-icon-screen36:hover {
    background-position: -780px -67px;  
}
.ui-video-icon-vertical {
    background-position: -181px -25px;
}
.ui-video-icon-current .ui-video-icon-vertical,
.ui-video-icon-vertical:hover {
    background-position: -181px -67px;
}
.ui-video-iconbar {
    float: left;
    height: 29px;
    padding: 3px 0px 4px;
}
.ui-boat {
    margin: 10px auto 0 20px;
}
.ui-ptz-adjust-item {
    width: 194px;
    margin: 0 auto; 
}
.ui-ptz-adjust-text {
    float: left;
    display: block;
    width: 64px;
    padding-top: 15px;
    text-align: center;
}
.ui-ptz-adjust-item .ui-ptz-icon {
    margin: 10px 2px 0;
}

.ui-videoicon-list{
    top: 40px;
}
.ui-custom-select p{
    color: #000;
}
.ui-button-hover{
    background-position: 0 -40px;
}
.pre-left-channel{
    padding: 10px 0px !important;
}
.pre-left-control{
    padding: 0px;
}
.pre-lb {
width: 132px;
height: 31px;
margin: 0 auto;
position: relative;
}
.pre-left_btn1{
    width: 130px !important;
}
.ui-button-icon-replay{
    margin-left: 5px;
    padding-right: 5px;
}
.pre-left_btn1:hover{
    background-position: 0 -38px;
    color: #fff;
}
.main-nav-item-current{
    background-image: url("../image/topsel.png");
    background-position: 0 0;
    color: #FFFFFF;
}
.pre-left{
    height: 700px;
}
.pre_center{
    margin-top: 40px;
    margin-left: 12px;
}
.pre-right{
    margin-right: 0;
}
.pre-right-title{
    border-width: 0;
}
.ui-videoicon-list{
    text-align: left;
    margin-left: 10px;
}
.J_pr_ptzcon{
    margin-left: 0px;
}
.J_pb_ctricon61{
    background-position: -155px -182px;
}
.pre-bottom{
    width: 100%;
    height: 30px;
    line-height: 40px;
    background: url(../image/footer.png) no-repeat scroll center center transparent;
}
.refresh_icon{
    background: url(../image/pre.png) no-repeat;
    background-position: 2px 0;
}
.pre-alarm-tit a{
    margin-top: 10px;
}
.refresh_icon:hover{
    background-position: -18px 0;
}
.pre-alarm-tit label{
    margin-top: 10px;
}
.fn-textcenter{
    margin-left: -50px;
}
.pre-ptz .pre-right-box{
    height: 170px !important;
}
.ui-channel-item{
    color: #000;
}
.pre-adv-ptz{
    margin-top: 0;
}
.set-menu-icon{
    background-image: none;
}
.set-menu0 a{
    background-position: 0 0px;
}
.set-menu0 .set-menu-current,
.set-menu0 a:hover{
    background-position: 0 -24px;
}
.set-menu1 a{
    background-position: 0 -48px;
}
.set-menu1 .set-menu-current,
.set-menu1 a:hover{
    background-position: 0 -72px;
}
.set-menu3 a{
    background-position: 0 -96px;
}
.set-menu3 .set-menu-current,
.set-menu3 a:hover{
    background-position: 0 -120px;
}
.set-menu4 a{
    background-position: 0 -144px;
}
.set-menu4 .set-menu-current,
.set-menu4 a:hover{
    background-position: 0 -168px;
}
.set-menu5 a{
    background-position: 0 -192px;
}
.set-menu5 .set-menu-current,
.set-menu5 a:hover{
    background-position: 0 -216px;
}
.J_playback_bottom{
    background-color: #545454; 
}
.ui-video-icon span {
    background-color: #3c3c3c;
}
div.pre-channel-item:hover,
.pre-channel-item-current {
    color: #000;
    border: 1px solid #000;
    background-color: #373737;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#373737', endColorstr='#373737', GradientType=0);
}
.J_yellow{
    background-position: -510px -60px;
}
.set-menu-label{
    height: 24px;
}
.main-head{
    background-image:url("../image/topbar.png");
}
.set-item,.set-item-current,.set-item:hover{
    padding-left: 0;
}
.set-item-icon{
    background-image: none;
}
.u-dialog-foot{
    background-color: #7b7b7b;
    border-top: solid 1px #6e6e6e;
}
.u-dialog{
    background-color: #757575;
}
.ui-button-icon-replay{
	display:none;
}
.set-menu-label{
	text-indent:10px;
}
#dlg_wait .u-dialog-head{
	background: #999;
	border-bottom: 1px solid #737172;
}
#dlg_wait .u-dialog-foot .u-button{
	background: #666;
}
#info-menu a{
    display: none;
}
#info-menu .set-item{
    width: 162px;
    height: 32px;
}
#info-menu li{
    background-image: url("../image/info.png");
    line-height: 32px;
}
#info-menu li:first-child{
    background-position: 0 -4px;
}
#info-menu li:first-child+li{
    background-position: 0 -75px;
}
#info-menu li:first-child+li+li{
    background-position: 0 -149px;
}
#info-menu li:first-child+li+li+li{
    background-position: 0 -225px;
}
#info-menu li:first-child:hover,
#info-menu .set-item-current:first-child{
    background-position: 0 -40px;
}
#info-menu li:first-child+li:hover,
#info-menu li[class*="set-item-current"][filename="logmanage"]{
    background-position: 0 -113px;
}
#info-menu li:first-child+li+li:hover,
#info-menu li[class*="set-item-current"][filename="onlineuser"]{
    background-position: 0 -188px;
}
#info-menu li:first-child+li+li+li:hover,
#info-menu li[class*="set-item-current"][filename="diskinfo"]{
    background-position: 0 -262px;
}   
.pic_hasInit{
    background-position: -280px -102px;
}
.pic_unInit{
    background-image: url(../image/icons3.png?version=2.210);
    /*background-position: */
}
a,a:hover{ color:#FFFFFF;cursor:pointer;}
h1,h2,h3,h4,h4,h5,div,p,ul,li{ color:#FFFFFF;}
.u-custom-select-input a,a:hover{ color:#000;cursor:pointer;}
.u-custom-select-input .u-custom-select-inputbox{ color:#000;cursor:pointer;}
.pre-alarm-tit{
    width: 180px;
}
.pre-alarm-tit label{
    width: 130px;
}
.u-custom-select-content .u-channel{
    color: #000;
}
.u-table-main{
    color: #000;
}
.tab-panel a[class="u-button"]{
    color: #000;
}
.ui-channel a,a:hover{
    color: #000;
}
.pre-channel-tip{
    padding-right: 10px;
}
.u-datepicker th{
    color: #373737;
}
[class^= "ui-icon-num"]{
    background-image: url(../image/icons3.png?version=2.210);
}
.ui-step-box .ui-icon-num1 {
    background-position: 0 0;
}
.ui-step-box.current .ui-icon-num1 {
    background-position: 0 -30px;
}
.ui-step-box .ui-icon-num2 {
    background-position: -30px 0;
}
.ui-step-box.current .ui-icon-num2 {
    background-position: -30px -30px;
}
.ui-step-box .ui-icon-num3 {
    background-position: -60px 0;
}
.ui-step-box.current .ui-icon-num3 {
    background-position: -60px -30px;
}
.ui-icon-num-ok {
    background-position: -120px 0px;
}
a[class*="u-button"]{
    color: #333;
}
.ui-dialog-title h1{
    color: #373737;
}
[class*="_tab_title"]{
    color: #000;
}
.u-dialog-head h1{
    color: #373737;
}
#t_comlist span,#t_comlist label{
    color: #373737;
}
div[id*="_alarm_list"] a{
    color:#373737;
}
#modip_mod_mask, #modip_mod_gateway{
    margin-right: 270px;
}
.u-datepicker .body td{
    color: #000;
}
.u-datepicker .body td.disable{
    color: #A9A9A9;
}

#videoDetectZoner ul li,
#videoDetectZoner ul span{
    color:#000;
}
.playback_video_locked {
    background-position: -513px -297px;
    background-image: url(../image/icons.png?version=2.210);
}

.imageprty-video{
    height:300px;
}