@charset "utf-8";

html, body {
    background:#fff;
    overflow-x: scroll;
    color:#666;
}
a {
    color:#666;
}
h1, h2, h3, h4, h4, h5, div, p, ul, li {
    color:#666;
}
.login-container {
    background: #fff url(../image/bg.png?version=2.210) 0px 50px repeat-x;
}
.main-container {
    overflow-y: auto;
}
.main-logo {
    left: 25px;
    top: 25px;
    width: 190px;
    background-image: url("../image/logo.png");
}
.main-head {
    height: 100px;
    margin-bottom: 41px;
    background: url('../image/navmain_bg.gif') 0 0 repeat-x #fff;
}
.main-nav {
    left:270px;
    top:0;
}
.main-nav li {
    width: auto; 
}
.main-nav li, .main-nav li a {
    background: url('../image/navmain_map.png') 0 0 no-repeat;
}
.main-nav li a {
    display: block;
    width: 84px;
    height: 33px;
    padding-top: 67px;
    border: none;
    text-align: center;
    text-decoration: none;
    color: #484848;
    font-size:12px;
    line-height:12px;
    font-weight:normal;
}
#nav a.main-nav-item-current {
    color: #fff;
    font-weight: bold;
}

#b_a a {
    background-position: 0 0;
}
#b_ab a {
    background-position: -84px 0;
}
#b_ac a {
    background-position: -168px 0;
}
#b_d a {
    background-position: -252px 0;
}
#b_c a {
    background-position: -336px 0;
}
#b_x a {
    background-position: -420px 0;
}
#b_e a {
    background-position: -504px 0;
}

#b_a a:hover {
    background-position: 0 -100px;
}
#b_ab a:hover {
    background-position: -84px -100px;
}
#b_ac a:hover {
    background-position: -168px -100px;
}
#b_d a:hover {
    background-position: -252px -100px;
}
#b_c a:hover {
    background-position: -336px -100px;
}
#b_x a:hover {
    background-position: -420px -100px;
}
#b_e a:hover {
    background-position: -504px -100px;
}

li#b_a a.main-nav-item-current {
    background-position: 0 -200px;
}
li#b_ab a.main-nav-item-current {
    background-position: -84px -200px;
}
li#b_ac a.main-nav-item-current {
    background-position: -168px -200px;
}
li#b_d a.main-nav-item-current {
    background-position: -252px -200px;
}
li#b_c a.main-nav-item-current {
    background-position: -336px -200px;
}
li#b_x a.main-nav-item-current {
    background-position: -420px -200px;
}
li#b_e a.main-nav-item-current {
    background-position: -504px -100px;
}

/*预览*/
.pre-left, .pre-right {
    margin-top: 41px;
}
.pre-center-video, .pre-left-channel, .pre-left-control, .pre-right-box {
    background: #f2f2f2;
}
.pre-channel-name, .pre-channel-item{
    color: #666;
}
.pre-channel-item, .pre-channel-icon {
    background:url("../image/pre.png") no-repeat -372px 0;
}

.pre-channel-item:hover, .pre_channel_stream li:hover { 
    background:#e5e5e5;
}

.pre-channel-icon, .pre_channel_stream li a {
    width:136px;
}

.pre_channel_stream {
    border: 1px solid #ccc;
}
.pre_channel_stream li a {
    display:block;
}
.pre-channel-icon {
    width:30px;
}
.pre-channel-name{
    width:58px;
}
.pre-channel-item, .pre-channel-item:hover {
    width:124px;
    height:25px;
}
.pre-channel-item span {
    height:25px;
    line-height:25px;
}
.pre-channel-item .J_channel_font {
    color:#fff;
    margin-right:12px;
    margin-top:-4px;
}
.pre-channel-item .pre_channel_iconYellowNVR {
    background-position: -372px -25px;
}
div.pre-channel-item:first-child {
    border-top:0;
}
div.pre-channel-item {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}
div.pre-channel-item:hover {
    border: none;
    background: transparent;
}
.pre_channel_downicon {
    margin-top: -22px;
}
.pre-center-con {
    background:#f2f2f2;
}
.pre-playbackbar {
    width: 100%;
    height: 30px;
    background: url(../image/btnbg.png) repeat-x 0 -304px;
    position: relative;
    left: 0;
    top: 0;
    z-index: 12;
}
.ui-video-icon {
    background-position: -28px 0;
}
.pre-right-title {
    background: #f2f2f2;
    border-top: 10px solid #f2f2f2;
}
.pre-right-title-item {
    background: #f2f2f2;
}
.pre-ptz-step, .ui-ptz-adjust-item, .pre-right-title-item, .ui-ptz-adjust-text {
    color: #666;
}
.boat_menu {
    padding-top: 1px;
    padding-bottom : 12px;
}
.boat_menu, #pztcon, #yt3t1, #yt3t2 {
    background: #e5e5e5;
}
.pre-right-title-item-current {
    background: #e5e5e5;
    color: #666;
}
.ui-videoicon-list a{
    color:#666;
}
.ui-videoicon-list a.ui-videoicon-list-current{
    color: #EE8202;
}
.ui-videoicon-list a:hover {
    color: #EE8202;    
}
.pre-channel-tip {
    width: 16px;
}


/*回放*/
.J_pb_topleft {
    background: #fff; 
}
.J_pb_topright {
    margin-top: 41px;
    background: #f2f2f2;
}
.J_playback_bottom {
    background: #f2f2f2;
}
.J_pb_dl_list_details, .J_pb_dl_list_details li span {
    color: #666;
    background: #f2f2f2;
}
.J_pb_dl_head {
    background: #ccc;
}
.J_pb_dl_head li, .J_chn_li a span, .J_page_view li, .J_chn1_curren1p4 a, .pageP1 a{
    color: #666;
}
.J_pb_chn_bom {
    background: url(../image/playback.png) -1px -382px;
}
.J_pbicons {
    margin-left: -16px;
    background: url(../image/playbackline.png) 0 0px repeat-x;
}
.J_pbicons_r {
    background: url(../image/playbackline.png) 0 37px repeat-x;
}
.J_pb_adjust {
    background: none;
}
.J_pb_colortip li, .J_pb_statetip li{
    color: #666;
}
a.J_pb_ctricon7_disable{ 
    background-position: -424px -225px;
}
a.J_pb_ctricon7_normal{ 
    background-position: -388px -225px;
}
a.J_pb_ctricon7_normal:hover{ 
    background-position: -459px -225px;
}
#intel_page_analyse {
    background: #f2f2f2;
}
.J_analyse_calendar {
    background: #f2f2f2;
}
.J_analyse_calendar .J_pb_days {
    background: #f2f2f2; 
}
.intel_bgcolor{
    background: #f2f2f2; 
}
.darkbg span {
    color: #666; 
}
.ulbg0 {
    background: transparent;
}
.ulbg1 {
    background: rgb(226,226,227);
}
.pb-down-text,
.J_pb_dl_list li,
.J_pb_dl_list .li4 a,
.J_play_channel_list li,
.J_pb_download_title li span {
    color: rgb(119, 119, 114);
}
/*日历*/
.J_pb_days {
    background:#f2f2f2;
}
.J_pb_days li.J_today a, .J_pb_days li {
    color:#666;
}
.J_pb_days li a {
    background:#fff;
    color: rgb(134, 131, 131);
}
.J_pb_days li a:hover {
    color:#fff;
    background:#ec6608;
}
.J_pb_days li.J_today a {
    color:#fff;
    background:#ffd8bc;
}
.J_pb_days li.J_hasvideo a {
    color: rgb(255, 128, 64);
}
.J_pb_days li.J_hasvnow a {
    color: #FA8A10;
}


/*下载*/
.frameBack {
    background: none repeat scroll 0 0 #f2f2f2;
}
#f_playback {
    background: #fff;
    /*overflow-y: auto;*/
}
#play_page_downmore {
    margin: 0;
    width: 100%;
}
.ui-tab ul {
    background: transparent;
}
.ui-tab li.ui-tab-current {
    background: #f2f2f2;
}
.ui-tab li {
    background: #e5e5e5;
}

/*智能回放*/
#f_intelPlayback {
    margin-top: 41px;
    background: #f2f2f2;
}
.J_section_left {
    background: #f2f2f2;
}
.playback-icon-rule-cur {
    background-color: #ccc;
}

/*报警*/
#f_alarm {
    margin-top: 41px;
}
.alarm {
    background: #fff;
}
.alert_l {
    background: #e5e5e5;
}
.main-nav-alarm {
    top: -43px;
    left: 58px;
}

/*设置*/
#setup {
    margin-top: 41px;
    background: #fff;
}
#setup-menu > li > a{
    background: url("../image/header2.gif") repeat-x #ee8202;
    border-bottom: 1px solid #fff;
}
.set-menu, .set-menu:hover, .set-menu-current, .set-menu-current:hover {
    color: #fff;
}
.set-menu, .set-menu-current, .set-item, .set-item-current {
    height:26px;
}
.set-menu, .set-menu:hover {
    font-size:12px;
}
.set-item {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}
.set-item {
    background:#f2f2f2;
    color: #666;
}
.set-item, .set-item-current {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}
.set-item:hover, .set-item-current {
    color:#666;
    background: #e5e5e5;
}
.set-item-current {
    font-weight:bold;
}
.ui-tab ul, .u-tab{
    background: #fff;
}
#setup-content > .u-tab {
    background: transparent !important;
}
.u-tab ul {
    background: transparent;
}
.u-tab li {
    background: #e5e5e5;
}
.u-tab li.current {
    background: #f2f2f2;
}
.u-table-main {
    background: #f2f2f2;
}
.set-content-box, .ui-table-container, .ui-special-table {
    background: #f2f2f2;
}
.ui-table-header, .ui-table-header tr, .ui-special-table tr th, .u-table-head table thead tr{
    background: url("../image/header2.gif") repeat-x #ee8202;
}
.ui-title {
    background: #e5e5e5;
}

/*信息*/
#info {
    margin-top: 41px;
}
.pre-minwidth {
    background: #fff;
}
#info-menu > li > a{
    background: url("../image/header2.gif") repeat-x #ee8202;
    border-bottom: 1px solid #fff;
}