/*
    登录页面
*/
html, body {
    background: url('/custom_logo/allbg.jpg');
    color: #FFF;
}

a {
    color: #FFF;
}
.nuaBackposition {
    background-position: -0px -88px;
}
.login-container {
    background: url();
}
#logo1_login {
    position: absolute;
    width: 170px;
    height: 46px;
    right: 180px;
    top: 100px;
}
#logo2_login {
    position: absolute;
    width: 157px;
    height: 180px;
    right: 180px;
    bottom: 100px;
    z-index: 100;
}
.log_title {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: left;
    color: #FFF;
    display: block;
}
.log_con {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: left;
    color: #FFF;
    display: block;
}
.login_oem_username, .login_oem_password {
    /*display: none;*/
}
.login-input-item {
    width: 350px;
}
.login-input-title {
    width: auto;
    margin-left:5px;
}
.oem_LoginUserNameInput {
    width: 200px;
    margin-left: 5px;
}
.login_oem_top {
    width: 220px;
    margin-left: 5px;
}
.oem_RemeberPwd {
    position: relative;
}
.login-type-display, .custom-ul-type, .general-btnbox {
    display: none;
}
.login_inputbox {
    margin-left: 5px;
    float: right;
    width: 200px;
}
.log_button_white, .log_button_black {
    display: inline-block;
    font-size: 12px;
    color: white;
    height: 26px;
    line-height: 26px;
    border: 1px solid #fff;
}
.log_button_white {
    background-color: #fff;
    color: #000;
    border-right: 1px solid #ccc;
}
.log_button_black {
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #000;
    color: #fff;
    border-left: 1px solid #ccc;
}
.J_indexbtn {
    clear: both;
    height: 26px;
    margin-top: 10px;
    padding-top: 20px;
    margin-left: 5px;
}
.J_indexbtn a {
    float: left;
    width: 170px;
}
.login_install_container {
    background-color: #4D5965;
}
/*
    导航栏
*/
.main-head {
    height: 80px;
}
.main-logo {
    display: none;
}
.main-nav {
    left: 10px;
}
.main-nav-item {
    height: 60px;
    width: 160px;
}
.main-nav li {
    height: 60px;
    width: 160px;
    margin-right: 10px;
}
.oem-nav-title {
    margin-left: 60px;
    margin-top: 15px;
}

#facePlayback label {
    margin-left: 50px;
}

#xyl {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -0px -0px;
}
#xyl:hover, #xyl.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -0px -60px;
}
#xlxcx {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -193px -0px;
}
#xlxcx:hover, #xlxcx.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -193px -60px;
}
#facePlayback {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -1158px -0px;
}
#facePlayback:hover, #facePlayback.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -1158px -60px;
}
#xbjsz {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -579px -0px;
}
#xbjsz:hover, #xbjsz.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -579px -60px;
}
#xxtpz {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -386px -0px;
}
#xxtpz:hover, #xxtpz.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -386px -60px;
}
#xxinxi {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -965px -0px;
}
#xxinxi:hover, #xxinxi.main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -965px -60px;
}
#b_e a {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -772px -0px;
}
#b_e a:hover, #b_e .main-nav-item-current {
    background-image:url(../image/navigation.png?version=2.210);
    background-position: -772px -60px;
}

/*
    预览页面
*/
#previewcon {
    background: url('/custom_logo/allbg.jpg') 0px -88px;
}
.main-head,
.main-ptz-top,
.main-ptz-advance,
.main-image-adjust,
.main-img-container,
.main-focus-container {
    background: transparent;

}
.pre-left-channel, .pre-left-control {
    background: transparent;
}
.pre-left {
    background: rgba(0, 0, 0, 0.5);
}
.oemPreLeftBut, .oemPreRightBut {
    position: relative;
}
.pre-channel-item {
    position: relative;
}

.pre-left-channel-slider {
    background: #3C3C3C;   
}
.pre-right-title-item {
    background: transparent;
    color: #FFFFFF;
}
.pre-right-title-item:hover {
    background: url(../image/icons.png) -501px -304px no-repeat;
}
.pre-right-title-item-current {
    background: url(../image/icons.png) -501px -304px no-repeat;
}
.pre-right-box {
    background: transparent;
    /*color: #FFFFFF;*/
}
#ptzAll, #yt3t1, #yt3t2 {
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}
.pre-ptz {
    background: transparent;
}
.pre-adv-ptz {
    background: rgba(0, 0, 0, 0.5);
}
.pre-right-title {
    background: rgba(0, 0, 0, 0.5);
    border-top: 10px solid #373737;
}
.boat_menu {
    /*background: rgba(0, 0, 0, 0.5);*/
}
.pre-bottom {
    background: transparent;
}
.pre_channel_stream {
    background:transparent;
}
.pre-center-video{
    background:rgba(0, 0, 0, 0.5);
}
.pre-playbackbar {
    background:rgba(0, 0, 0, 0.25);
}
.pre-left-control {
    padding-bottom:5px;
}
#yt3t1 {
    padding-bottom:0px;
}
.ui-ptz-icon {
    position: relative;
}
.pre-windowbox-center {
    background-image: url();
    height: 17px;
    margin-top: 1px;
    background-color: #03ADED;
}
/*兼容IE*/
@media \0screen\,screen\9 {
    .pre-left {
        background-color: #000;
        filter: alpha(opacity=40);
        position: static;
        *zoom: 1;
    }
    #ptzAll, #yt3t1, #yt3t2 {
        background-color: #000;
        filter: alpha(opacity=40);
        position: static;
        *zoom: 1;
        color: #FFFFFF;
    }
    .pre-adv-ptz {
        background-color: #000;
        filter: alpha(opacity=40);
        position: static;
        *zoom: 1;
        color: #FFFFFF;
    }
    .pre-right-title {
        background-color: #000;
        filter: alpha(opacity=40);
        position: static;
        *zoom: 1;
        color: #FFFFFF;
    }

}
/*
    回放页面
*/
#f_playback {
    background: url('/custom_logo/allbg.jpg') 0px -88px;
}
.J_pb_biconbar {
    top:-5px;
    height: 55px;
    background:rgba(0, 0, 0, 0.5);
    border:0px;
}
.J_pb_tips {
    margin-top:0px;
    top:-45px;
    height: 38px;
}
.J_pb_biconbar {
/*    height:60px;
    margin-top:0px;
    border:0px;*/
}
.J_pb_time {
    margin-top: 0px;
    /*height: 80px;*/
}
.J_pb_center_time {
    /*height:80px;*/
}
.J_pb_topleft { 
    background:transparent;
}
.J_pb_topright {
    background:rgba(0, 0, 0, 0.5);
}
.J_pb_days {
    background:transparent;
}
.J_pb_chncon, .J_pb_chn_bom{
    background:transparent;   
}
.J_pbicons, .J_pbicons_r {
    background: url();
}
.J_pb_tbtn a {
    color:#FFF;
}
.main-container {
    /*min-height: 940px*/
}
.J_pb_scroll {
    padding-top: 1px
}

.J_pb_download_chncon {
    background: url();
}
.J_pb_dl_head, .J_pb_dl_list_details {
    background: transparent;
}

/*兼容IE*/
@media \0screen\,screen\9 {
    .J_pb_topright, .J_pb_biconbar {
        background-color: #000;
        filter: alpha(opacity=40);
        position: static;
        *zoom: 1;
    }
    .J_positionR {
        position: relative;
        bottom: 0px;
    }
}
.oemPlay_ui-tab {
    background-color: #4D5965;
}
/*
    人脸图片回放页面
*/
#facePBbody {
    background: url('/custom_logo/allbg.jpg') 0px -88px;
}
.oem-face-backColor {
    background: rgba(0,0,0,0.5);
    margin-right: 2px;
}
/*兼容IE*/
@media \0screen\,screen\9 {
    .oem-face-backColor {
        background-color: #000;
        filter: alpha(opacity=40);
        position: relative;
        *zoom: 1;
    }
    .oem-faceDiv {
        position: relative;
    }
}
/*
    报警页面
*/
/*#frame_alarm html {
    background: url('../image/allbg.jpg') 0px -88px;
}*/
#alarmIndexBody {
    /*background: url('../image/allbg.jpg') 0px -88px;*/
}
#alarmIndexBody {
    /*background: url('../image/allbg.jpg') 0px -88px no-repeat;*/
    background-position: 0px -88px;
}
#frame_alarm {
    height: 100%
}
.alarm {
    background-color:#4D5A63;
}
.alert_l {
    background-color:#48555E;
}
#alarm_frame {
    background-color:#48555E;   
}
.alert_l ul li {
    color:#FFF;
}
.alert_l p {
    color:#FFF;   
}
.ui-table-header {
    background-color:#3C454C;
}
.ui-table-header tr {
    background-color:#3C454C;   
}

/*
    设置页面
*/
#setindexBody {
    background: url('/custom_logo/allbg.jpg') 0px -88px;
}
#set li {
    float: left;
}
.nav_title {
    position: absolute;
    top: 48px;
    left: 0px;
    width: 100%;
    background-color:#2C333B;
}
.nav_title > li {
    width: 140px;
    height: 30px;
}
.nav_title > li > a {
    width: 120px;
    float: left;
    height: 30px;
}
.list_type {
    width: 16px;
    height: 40px;
    float: left;
    background: url('../image/icons.png') -271px -81px;
}
.nav_title > li:hover .list_type {
    background-position: -271px -113px;
}
.set-content {
    margin-left:15px;
    margin-top:0px;
}
.set-content-box {
    margin-top: 115px;
}
.set-sidebar {
    left:0px;
    width:100%;
    background-color:#1E2128;
}
.set-item, .set-item:hover {
    line-height:30px;
    width: 120px;
}
.set-content-box {
    background-color:#4D5965;
}
.ui-dialog {
    background: #4D5965;
}
.ui-dialog-title {
    border-bottom:0px;
    background: #25A2D0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#25A2D0', endColorstr='#25A2D0', GradientType=0);
}
.J_videoDetect_zoner {
    background: #4D5965;
}
.J_videoDetect_region_title h2 {
    background: #373737;
}
.ui-receiver-box {
    background: #48555E;
    border: #373737;
}
.ui-receiver-address:hover,
.ui-receiver-item:hover {
    background: #AFC2D0;
}
.ui-receiver-address-current,
.ui-receiver-address-current:hover,
.ui-receiver-item-current,
.ui-receiver-item-current:hover {
    background: #AFC2D0;
}
.ui-timesection {
    background: #4D5965;
    border:1px solid #373737;
}
.ui-table-container, .ui-special-table{
    background-color:#48555E;
}
.ui-table-tab li {
    background-color: #373737;
}
.ui-table-tab .ui-table-tab-current {
    background-color: #25A2D0;
}
.ui-table-container tr.ui-table-tr-odd, .ui-special-table tr.ui-special-table-tr-odd {
    background: #373737;
}
.ui-table table, .ui-table-container tr, .ui-special-table table, .ui-special-table tr {
    background: #4D5965;
}
.ui-table-container tr.ui-table-tr-current, .ui-special-table tr.ui-table-tr-current {
    background: #AFC2D0;
}
.ui-table-container tr:hover {
    background: #AFC2D0;
}
.ui-tab li {
    color: #AFC2D0;
    background-color:#3C454C;
}
.ui-tab li.ui-tab-current {
    background-color:#4D5965;
    color:#BFD6E4;
}
.set-menu, .set-menu-current{
    background-image: url(../image/icons.png);
    background-repeat: no-repeat;
}
.set-menu {
    width:140px;
    height:40px;
    color: #E7E7E7;
    background-position: -180px -600px;
    text-indent:20px;
}
.set-menu:hover {
    color: #02BAFF;
    background-position: -180px -640px;
}
.set-menu-current,
.set-menu-current:hover { 
    color: #02BAFF;
    background-position: -180px -640px;
}
.set-menu-icon {
    background:url();
}
.set-menu-label {
    line-height:40px;
    width: 130px;
}
.set-item label {
    line-height:30px;
}
.set-item {
    color: #FFF;
    background:url();
}
.set-item:hover {
    color: #FFF;
    background:url();
}
.set-item-icon {
    margin-right:5px;
    background: url(../image/icons.png) -270px -86px;
    background-repeat: no-repeat;
}
.nav_title > li:hover .set-item-icon {
    background-position:-270px -116px;
}
.set-item-current > span {
    background-position:-270px -116px;
}
.osd-backColor {
    background: transparent;
}
.oem-backColor, .ui-title {
    background-color: #25A2D0;
}
.ui-button-disabled,
.ui-button-disabled:hover,
.ui-button-special-disabled,
.ui-button-special-disabled:hover{
    text-shadow: #FFF 0px 0px 0;
}
.mobileFieldBac {
    background: #48555E;
}
/*
    信息页面
*/
#info li {
    float: left;
}
#infoindexBody {
    background: url('/custom_logo/allbg.jpg') 0px -88px;
}
.info-content {
    margin-left:15px;
    margin-top:0px;
}
.info-sidebar {
    left:0px;
    width:100%;
    background-color:#1E2128;
}
.ui-custom-select-input {
    color: #373737;
}