/*
 * 文件描述: SET CSS Document 
 * 对应功能页：all  set htm
 * 期望执行浏览器：所有浏览器
 * 修改记录: By gao_shanmei 2013-05-07.
 */
/*Layout*/
.set-container {
    width: 100%;
    min-width: 1005px;
}
.set-sidebar {
position: absolute;
top: 13px;
left: 11px;
width: 160px;
text-align: left;
}
.set-sidebar ul {
    display: none;
}
.set-content {
    margin: 13px 15px 0 173px;
}
.set-content-box {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    text-align: left; 
}
.set-menu {
    display: block; 
    width: 160px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
}
.set-menu:hover {
    /*见skin.css*/
}
.set-menu-current,
.set-menu-current:hover { 
    /*见skin.css*/
}
.set-menu-icon {
    float: left;
    display: block;
    width: 20px;
    height: 24px;
    background-image: ;
    background-position: -270px 0;   
}
.set-menu:hover .set-menu-icon {
    background-position: -270px -30px;     
}
.set-menu-current .set-menu-icon,
.set-menu-current:hover .set-menu-icon {
    background-position: -270px -60px;    
}
.set-item,
.set-item:hover {
    display: block; 
    width: 150px;
    height: 26px;
    padding-left: 10px; 
    line-height: 26px;
    overflow: hidden;
}
.set-item:hover {    
    background-position: 0 -120px;
    background-repeat: repeat-x;    
}
.set-item-current {
    background-position: 0 -150px;
    background-repeat: repeat-x; 
}
.set-item-icon {
    float: left;
    display: block;
    width: 20px;
    height: 24px;
    background-position: -270px -90px;
}
/*Camera*/
.camera-left {
    float: left;
    width: 450px;
    padding-left: 10px;
    margin-top: 10px;
    z-index: 11;
    overflow: hidden;
}
.camera-right {
    margin-left:-2px;
    float: left;
    margin-top: 10px;
    z-index: 888888;
}
.camera-fouse-box {
    margin: 10px;
    position: relative;
    left: 0;
    top: 0;
    width: 650px;
    height: 337px;
    overflow: hidden;
}
.camera-fouse {
    width: 650px;
    height: 337px;
    overflow: hidden;
}

.camera-exposure-backlight,
.camera-exposure-backlight1{
   display:inline-block; 
   width:22px; 
   height:18px; 
   margin-left:5px;
   background-position: -330px -60px;
}
.camera-exposure-backlight:hover,
.camera-exposure-backlight1{
   background-position: -330px -90px;
}
.camera-video-box {
    position: relative;
    left: 0;
    top: 0;
    width: 450px;
    height: 337px;
    overflow: hidden;
}
.camera-video {
    width: 450px;
    height: 337px;
    overflow: hidden;
}
.camera-video-iconbar {
    width: 450px;
    height: 25px;
}
.camera-focus-load {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter:alpha(opacity=0);
}
.camera-time {
    position: relative;
    left: 0;
    top: 0;
    width: 612px;
    height: 23px;
    margin: 30px 5px 5px;
}
.camera-time-title {
    position: absolute;
    top: -22px;
    left: 120px;
    z-index: 40px;
    width: 40px;
    height: 18px;
    line-height:18px;
    text-align: center;
}
.camera-time-bar {
    position: absolute;
    width: 600px;
    height: 23px;
}
.camera-time-night {
    width: 576px;
    height: 23px;
    margin-left: 12px;
    background-position: 0 -180px;
    background-repeat: repeat-x;
}
.camera-time-day {
    position: absolute;
    width: 576px;
    height: 23px;
    margin: -23px 0 0 12px;
    background-position: 0 -210px;
    background-repeat: repeat-x;
}
.camera-time-line {
    position: absolute;
    left: 12px;
    top: 4px;
    z-index: 15;
    width: 576px;
    height: 17px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.camera-time-slider-left {
    position: absolute;
    left: 0px;
    top: 1px;
    z-index: 20;
    width: 13px;
    height: 23px;
    background-position: -180px -210px;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.camera-time-slider-right {
    position: absolute;
    left: 576px;
    top: 1px;
    z-index: 20;
    width: 13px;
    height: 23px;
    background-position: -180px -180px;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.camera-time-num {
    width: 620px;
    height: 20px;
    margin-left: 12px;
}
.camera-time-num ul li {
    float: left;
    width: 40px;
    padding-right: 56px;
    height: 20px;
    line-height: 20px;
    margin-right: 0;
    text-align: left;
}
.camera-time-num ul li.last_one {
    padding-right: 0;
}
.camera-time-tips {
    width: 620px;
    height: 24px;
    margin: 10px 0 0 12px;
}
.camera-timetip-icon-day,
.camera-timetip-icon-night {
    float: left;
    display: block;
    width: 12px;
    height: 16px;
    padding-right: 10px;
    line-height: 24px;
    background-position: -180px -240px;
    background-repeat: no-repeat;
    text-indent: 15px;
}
.camera-timetip-icon-night {
    background-position: -180px -270px;
}

.camera-draw-icon-on,
.camera-draw-icon-off {
    display: inline-block;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    margin-top:2px; 
    margin-left:2px;
    background-position: -300px -30px;
    background-repeat: no-repeat;
}
.camera-draw-icon-off {
    background-position: -300px 0px;
}

/*3g*/
.g3-content-item {
    float: left;
    width: 240px;
}
.g3-progressLine {
    float: left;
    display: block;
    width: 120px;
    height: 10px;
    margin: 8px 10px auto auto;
}
.g3-color-green{
    display: block;
    width: 0px;
    height: 10px;
}

/*encode && videodetect*/
.videointer-left,
.videointer-left .ui-videobox-iconbar,
.videodetect-left .ui-videobox-iconbar {
    width: 500px;
}
.videointer-left .ui-videobox,
.videointer-left .ui-videobox-video,
.videodetect-left .ui-videobox-video {
    width: 500px;
    height: 374px;     
}
.videoosd-right-item {
    height: 80px;
}
.videoosd-right-osdtitle {
    clear: both;
    padding-top: 10px;
    padding-left: 20px;
}
.videoosd-right-location {
    clear: both;
    width: 200px;
    padding: 10px 0 0 20px;
}
.videoosd-right-inter {
    clear: both;
    width: 220px;
    padding: 10px 0 0 0px;
}

/*videodetect*/
.videodetect-left {
    width: 500px;
}
.ui-videobox-iconbar {
    width: 500px;
}
.videodetect-left .ui-videobox {
    width: 500px;
    height: 374px;
}
.videodetect-motionFigure-wrap {
    position: relative;
    margin: 40px 0 0;
    overflow: hidden;
    width: 239px;
    height: 102px;
    background-repeat: repeat;
}
.videodetect-motionFigure {
    position: relative;
    height: 102px;
    left: 0px;
}
.videodetect-motionFigure-threshold {
    position: relative;
    height: 1px;
}
.videodetect-motionFigure div {
    position: absolute;
    bottom: 1px;
    width: 1px;
}
.videodetect-motionFigure div.motion { 
    /*见skin.css*/
}
.videotect-regionbox {
    float: left;
    width: 265px;
    height: 404px;
    padding-top: 0;
    margin-top: 10px;
}
.videodetect-region-header {
    height: 30px;
}
.videodetect-region-header h3 {
    float: left;  
    line-height: 30px;
    text-indent: 10px;
    font-size: 14px;
    font-weight: bold; 
}
.videodetect-regions {
    float: right;
    padding-right: 10px;
}
.videodetect-region-item {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    font-size: 0;
}
.videodetect-region-current {
    /*见skin.css*/
}
.videodetect-region-item a {
    width: 15px;
    height: 15px;
    margin: 8px auto auto;
    display: block;
}
.videodetect-region-current a {
    margin: 7px auto auto;
}
.videodetect-red {
    /*见skin.css*/
}
.videodetect-yellow {
    /*见skin.css*/
}
.videodetect-blue {
    /*见skin.css*/
}
.videodetect-green {
    /*见skin.css*/
}
.videodetect-figure-wrap {
    position: relative;
    width: 242px;
    height: 102px;
    margin: 20px 0 0 11px;
    overflow: hidden;
}
.videodetect-figure {
    position: relative;
    height: 102px;
    left: 0px;
}
.videodetect-threshold {
    position: relative;
    height: 1px;
}
.videodetect-figure div {
    position: absolute;
    bottom: 1px;
    width: 1px;
}
.videodetect-figure div.motion {
    /*见skin.css*/
}

/*alarmconfig - pir*/
.alarmconfig-flashbtn {
    width: 70px;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    overflow: hidden;
    cursor: pointer;
}
.alarmconfig-flashbtn a {
    float: left;
    display: block;
    width: 35px;
    height: 24px;
}
.alarmconfig-flashbtn .alarmconfig-flashbtn-on {
    /*见skin.css*/
}


/*recordplan*/
.recordplan-button {
    float: left;
    width: 78px;
}
.recordplan-button a{
    margin: 2px 0 2px 10px;
}

/*upgrade*/
.upgrade-loading {
    height: 60px;
    padding-top: 4px;
    padding-left: 140px;
    line-height: 30px;
    text-align: left;
}
.upgrade-loading-box {
    width: 255px;
    height: 28px;
    background-position: 0 0;
    background-repeat: repeat-x;
}
.upgrade-loading-slider {
    width:16px;
    height:28px;
    background-position: 0 -28px;
    background-repeat: repeat-x;
}

/*wifiConfig*/
[class^= "wifi-sign-icon"] {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}
.wifi-sign-icon0 {
    background-position: -450px 0;
}
.wifi-sign-icon1 {
    background-position: -450px -30px;
}
.wifi-sign-icon2 {
    background-position: -450px -60px;
}
.wifi-sign-icon3 {
    background-position: -450px -90px;
}
.wifi-sign-icon4 {
    background-position: -450px -120px;
}
.wifi-sign-icon5 {
    background-position: -450px -150px;
}
/*ATM*/
.atm-tabpos {
    position: absolute;
    width: 450px;
    left: 350px;
    top: 40px;
}
/* Begin VNPConfig */
#page_VPNConfig .vpn_cert_submit {
    display: none;
}
#page_VPNConfig .vpn_cert_browser,
#page_VPNConfig .vpn_cert_upload{
    display:inline-block; 
    width:60px; 
    height:20px; 
    line-height:20px; 
    overflow:hidden; 
    border:1px solid #464646; 
    background:url(../image/btnbg.png?version=2.400) repeat-x; 
    color:#000; 
    font-size:12px; 
    cursor:pointer; 
    text-align:center;
}
#page_VPNConfig .btn_hover,
#page_VPNConfig .vpn_cert_browser:hover,
#page_VPNConfig .vpn_cert_upload:hover{ 
    border:1px solid #010102; 
    background-position:0 -24px;
}
#page_VPNConfig .vpn_certificate_file_wrap{
    float: left;
    position: relative;
    display: inline;
    margin-left: 4px;
    overflow: hidden;
    line-height: 20px;
}
#page_VPNConfig .vpn_cert_file{
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 20px;
}
#page_VPNConfig .vpn_cert_path{
    float: left;
}
/* recordStorageConfig */
.recordstorage-progress {
    float: left;
    width: 100px;
    height: 15px;
    margin: 4px 4px auto 40px;
    text-align: left;
    background-position: 0 -420px;
    background-repeat: repeat-x;
}
.recordstorage-progress-used {
    height: 15px;
    background-position: 0 -450px;
    background-repeat: repeat-x;
}

/* osd */
.osd-nav{
    float: left;
    display: inline;
    padding-right: 20px;
    width: 110px;
    height: 411px;
    background: url(../image/newintebg.png) no-repeat 110px 0;
}
.osd-nav li{
    float: left;
    display: inline;
    width: 110px;
    margin: 0;
    padding: 0;
}
.osd-nav-item{
    float: left;
    display: inline;
    background: url(../image/fuclistbg.png) 0 2px;
    padding: 0 0px 0 20px;
    width: 90px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.osd-nav-item:hover{
    background-position: -110px 2px;
    color: #fff;
}
.osd-nav-item-current,
.osd-nav-item-current:hover{
    background-position: 0 -26px;
    color: #fff;
}
.osd-container{
    float: left;
    display: inline;
    width: 260px;
}
.osd-container .ui-button{
    vertical-align: top;
    width: 90px;
}
.osd-container .ui-input{
    width: 239px;
}
.osd-container .ui-select{
    width: 245px;
}
.osd-image-preview{
    width: 245px;
    height: 170px;
    border-bottom: 1px solid #C5C5C5;
    background-color: #BBBBBB;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    zoom: 1;
}
.osd-image-file-wrap{
    position: absolute;
    width: 92px;
    height: 26px;
    left: 80px;
    top: 128px;
    overflow: hidden;
    vertical-align: top;
}
.osd-image-file-reupload-wrap{
    left: 3px;
    top: 239px;
}
.osd-image-requirement{
    padding-top: 53px;
    margin: 0 0 0 3px;
    line-height: 22px;
    zoom: 1;
}
.osd-image-requirement  h4{
    font-size: 12px;
}
/*隐私遮挡*/
/**隐私遮挡**/
.privateMask-color span{
    display: inline;
    padding:0px 8px;
    margin-right: 5px; 
    cursor: pointer;
    box-shadow: 1px 1px #999;
}
.color-white{background-color: rgb(255,255,255);}
.color-gray{background-color: #666666;}
.color-red{background-color: rgb(255,0,0);}
.color-orange{background-color: rgb(255,150,0);}
.color-yellow{background-color: rgb(255,255,0);}
.color-green{background-color: rgb(93,214,33);}
.color-blueGreen{background-color: rgb(25,233,233);}
.color-blue{background-color: rgb(0,60,255);}
.color-purple{background-color: rgb(200,0,255);}
.color-black{background-color: rgb(0,0,0);}
.privateMask-color .border-white{border: 1px solid white;box-shadow: -1px -1px #999;}

/*SD-boat&&SD-ptz*/
.sd-right .ui-label {
    text-align: right;
    margin-right: 4px;
}
.sd-right .ui-select {
    margin: 0;
}
.sd-video-box {
    position: relative;
    left: 0;
    top: 0;
    width: 380px;
    height: 285px;
    overflow: hidden;    
}
.sd-video {
    width: 380px;
    height: 285px;
    overflow: hidden;    
}
.sd-toptitle-con {
    width: 300px;
    padding-left: 120px;
    background: #B4B4B4;   
}
.sd-tip .ui-tip-container {
    min-width: 280px;
    height: auto;
    word-wrap:break-word; 
    word-break:break-all;
}
.sd-tip .ui-tip-container label {
    float: left;
    width: 250px;
    line-height: 20px;
    padding-top: 4px;
}
.estopAll30{
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 99999;
}
.estopAll{
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10000;
}
/*intellent*/
.intel-cover{
    position: absolute;
    top: 220px;
    left: 250px;
    width: 300px; 
    height: 70px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.intel-left {
    float: left;
    width: 400px;
    padding-left: 10px;
    margin-top: 10px;
    z-index: 11;
    overflow: hidden;
}
.intel-video-box {
    position: relative;
    left: 0;
    top: 0;
    width: 400px;
    height: 300px;
    overflow: hidden;    
}
.intel-video {
    width: 400px;
    height: 300px;
    overflow: hidden;
    background: #000; 
}
.intel-scenebox {
    width: 370px;
    height: 240px;
    background: #D5D5D5;
}
.intel-sceneboxCover {
    width: 370px;
    height: 240px;
    background: #FFF;
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    opacity: .2;
}
.intel-scene-name {
    display: block;
    width: 100px;
    height: auto;
    margin: 0 auto;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    overflow: hidden;
    cursor: text;
}
.intel-scene-item {
    float: left;
    width: 190px;
    height: 26px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
.intel-paraset-box {
    height: 250px;
    padding: 5px 0 0 5px;
    border: 1px solid #4F4F4F;
}
.intel-rule-box {
    width: 150px;
    min-height: 26px;
    padding-left: 4px;
    background: #FFF;
    border: 1px solid #A5A5A5;
}
/*backup*/
.backup_label {
    position: absolute;
    left: 20px;
    top:10px;
    width: 120px; 
    line-height: 24px;     
}
.backup_path {
    margin: 0 10px 0 140px;
    line-height: 24px;
}

/*智能配置-人脸角度*/
.face_line { 
    border: 1px solid #999;
    width: 266px;
    padding-top: 4px;
}
.face_line .face_pos { 
    padding: 10px 5px 5px 9px; 
}
.face_line .face_pos_2 { 
    padding: 5px; 
}
.face_line .face_pos li,.face_line .face_pos_2 li{
    float: left;
    line-height: 24px;
}
.face_line .face_img { 
    width: 249px; 
    margin: 10px auto; 
    border: 1px solid #999; 
    background: #fff; 
    text-align:center;
    height: 110px; 
}
.face_main{
    float:left;
    padding-left:5px;
}
.face_main .face_main_head{
    margin-top:10px;
}
.face_main .face_main_head li{
    float:left;
    line-height:24px;
}
.face_main .face_content{
    width:460px;
    height:330px;
    padding-top:19px;
}
.face_main .face_global_video,.face_main .face_para_video{
    position:relative;
    left:0;
    top:0;
    width:460px;
    height:330px;
    background: #000;
}
.face_left{
    margin-top:10px;
    width:270px;
    float:left;
}
.face_list {}
.face_list li { 
    float: left;
}

.face_fieldset_region{ 
    width:247px;
    height:98px;
    padding-left:7px;
    border:1px solid #999;
}
.face_fieldset_range{ 
    width:247px;
    height:120px;
    margin-top:8px;
    padding-left:7px;
    border:1px solid #999;
}

/*ipc智能*/
.ui-ipcintellentbox {
    height: 272px;
    left: 0;
    position: relative;
    top: 0;
    width: 402px;
}
.ui-ipcintellent {
    height: 272px;
    overflow: hidden;
    width: 402px;
    background: #000;
}
.ui-ipcintellentboxNew {
    height: 337px;
    left: 0;
    position: relative;
    top: 0;
    width: 450px;
}
.ui-ipcintellentNew {
    height: 337px;
    overflow: hidden;
    width: 450px;
    background: #000;
}
.ipc_intellent_scale{
    background:#fff;
    padding:5px 0 5px 10px;
    margin:0 0 5px 20px;
    border:1px solid #a5a5a5;
    width:150px;
    height:100px;
}

.ipc_intellent_scale a:link, .ipc_intellent_scale a:visited, .ipc_intellent_scale a:active, .ipc_intellent_scale a:hover {
    color: #000;
    font-size: 12px;
    padding-left: 3px;
    text-decoration: none;
}
.ipc_intellent_scale a.scale_current{
    background: #0A246A;
    color: #fff;
}
.ipc_intellent_list li{
    float:none;
}
.scale_list{
    padding:5px 0;
}
.scale_list dt,.scale_list dd{
    float:left;
}
.ipc_intellent_scale .scale_icon, .ipc_intellent_scale .scale_main_icon, .ipc_intellent_scale .scale_bottom_icon, .ipc_intellent_scale .scale_area_icon, .ipc_intellent_scale .scale_icon_show, .ipc_intellent_scale .scale_icon_hide{
    background:url(../image/ipc_intellent.png); 
    display:inline-block; 
    float: left;
}
.ipc_intellent_scale .scale_icon{
    background-position:0 -59px;
    width: 14px;
    height: 16px;
}
.ipc_intellent_scale .scale_main_icon{
    background-position:0 0;
    width: 11px;
    height: 17px;
}
.ipc_intellent_scale .scale_bottom_icon{
    background-position:0 -21px;
    width: 11px;
    height: 17px;
}
.ipc_intellent_scale .scale_area_icon{
    background-position:0 -36px;
    width: 20px;
    height: 20px;
}
.ipc_intellent_scale .scale_icon_show{
    background-position:0 -79px;
    width: 15px;
    height: 9px;
}
.ipc_intellent_scale .scale_icon_hide{
    background-position:0 -92px;
    width: 15px;
    height: 9px;
}
.ipc_intellent_scale .scale-region{
    width: 120px;
    padding-left: 20px;
}
.ui-fieldset{
    width:255px;
    height:98px;
    padding:0 0 5px 7px;
    border:1px solid #999;
}
.ipc-intellent-rule-box { 
    border:1px solid #a5a5a5; 
    width:150px; 
    height:40px; 
    background:#fff; 
    padding:4px;
}
.ipc-intellent-rule-box p {
    float: left;
    width: 74px;
}
.area{ 
    display:block;
    margin:0 auto; 
    width:24px; 
    height:17px; 
    background:url(../image/area.gif) no-repeat;
}
.area:hover{ 
    background-position:0 -17px;
}
.area_on{
    background-position:0 -17px;
}
.ipcintellent_rule_name{
    display:block; 
    margin:0 auto;
    width:140px; 
    height:20px; 
    overflow:hidden; 
    cursor:text;
}

/**audioDetect**/
.channel0,
.channel1{
    display: none;
}
.channel0-wrap .channel0,
.channel1-wrap .channel1{
    display: block;
}

.alarmaudio-figure-wrap {
    position: relative;
    width: 338px;
    height: 102px;
    margin: 20px 0 0 11px;
    overflow: hidden;
}

.font-size{
    height: 100px;
    line-height: 100px;
    margin-top: 10px;
}
.font-size .font-img{
    width:120px;
    height:100px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.font-size .font-label{
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    width:44px;
}
.font-size .font-input{
    vertical-align: middle;
}
.font-size-small .font-img{
    background:url('../image/small-font.png') no-repeat;
}
.font-size-middle .font-img{
    background:url('../image/middle-font.png') no-repeat;
}
.font-size-large .font-img{
    background:url('../image/large-font.png') no-repeat;
}

/* 、车道线 */
.ivs_lane_draw .ui-button{
    margin-left:70px;
}
.ivs_lane_table tbody tr{
    background: transparent;
    color:#000;
}
.ivs_lane_table thead tr td{
   font-weight: bold;
}
.ivs_lane_table tbody .ui-table-tr-odd{
    background-color: #f3f3f3;
}
.ivs_lane_table tbody tr:hover{
    background-color: #f7e084;
}
.ivs_lane_table .ivs-lane-tbody .ui-table-tr-current{
    background-color: #f7e084;
}
.ivs_lane_table tbody tr .ivs-redraw,
.ivs_lane_table tbody tr .ivs-dLine,
.ivs_lane_table tbody tr .ivs-delete{
    display: inline-block;
    padding: 8px;
    vertical-align: middle;
    background-image: url(../image/icons.png);
}
.ivs_lane_table tbody tr .ivs-redraw{
    background-position:  -330px -423px;
}
.ivs_lane_table tbody tr .ivs-dLine{
    background-position:  -362px -3px;
}
.ivs_lane_table tbody tr .ivs-delete{
    background-position:  -330px -5px;
}
.ivs_lane_table .ivs-lane-name{
    cursor : pointer;
}
.ivs_ip_osd .ui-form-item{
    width: 220px;
    display: inline-block;
}
.ivs_ip_osd .fn-hide{
    display: none;
}

/*智能交通*/
.traffic_block{float:left;display:block; width:10px; height:10px; border:1px solid #5a585b; margin:6px 0px auto 5px;}
.traffic_region{background:#06C8F9;}
.traffic_detect{background:#FFE011;}
.traffic_lane{background: #fff;}

.flowrate_report{
    padding: 10px 0px 10px 20px;
    overflow: hidden;
    zoom:1;

}
.flowrate_report li{
    float: left;
    margin-right: 20px;
    height: 24px;
    line-height: 24px;
}
.flowrate_report label{
    margin-right: 10px;
}
.flowrate_report .checkBtn{
    height: 13px; 
    vertical-align: middle;
    margin: 0px 3px 3px 0;
}
.camera-videobox-iconbar {
    width: 450px;
    height: 28px;
    padding-top: 2px;
    background: #C2C2C2;
}
.flowrate_table_wrap{
    width: 80%;
    height: 560px;
    overflow: auto;
    margin: 0 auto;
}
.flowrate_table{
    width: 100%;
    border: 1px #777 solid;
    
}
.flowrate_table td,.flowrate_table th{
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px #777 solid;
}
.J_itemsTt fieldset .ui-label{
    text-align: left;
    width: auto;
    min-width: 100px;
}
.tt-dialog .ui-label{
    text-align: left;
}
.J_itemsTt .ui-input,.J_itemsTt select{
    width: 75px;
}
.J_itemsTt .ui-dialog-content{
    padding: 20px 5px;
}
/*functionCfg*/
.func_preset_table_name{
    min-width:120px;
    min-height:20px;
}/*修复预置点名称为空时，无法双击显示输入框的问题*/
fieldset{
    border: 1px solid #999999;
}
legend{
    color:#373737;
}

/*字体颜色，调色板*/
.fontcolor-wrap{
    width: 100px;
    height: 22px;
    background-color: #eee;
    float: left;
    position: relative;
    /*border: 1px solid #B3AFAF;*/
}
.fontcolor-show{
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    width: 100px;
    height: 22px;
    cursor: pointer;
    text-indent: 3px;
    border: 0.5px solid #A9A9A9;
    background-color: #cccccc;
}
.fontcolor-pick1{
    position: absolute;
    left: 0;
    top: 23px;
    border: 1px solid #a9a9a9;
    width: 180px;
    height: 90px;
    background-color: #f0f0f0;
}
.fontcolor-pick1 p{
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    font-size:12px;
    font-weight: 800; 
    background-color: #c2c2c2;
}
.fontcolor-pick1 ul{
    padding: 10px;
    height: 20px;
}
.fontcolor-pick1 li{
    float: left;
    width: 13px;
    height: 13px;
    border: 1px solid #afafaf;
    margin-right: 5px;
    cursor: pointer;
}
.fontcolor-pick1 a{
    display: block;
    height: 30px;
    width: 100%;
    border-top: 1px solid #cacaca;
    font-size: 12px;
    line-height: 30px;
    text-indent: 8px;
    /*background: url('../image/colorPick.png') no-repeat 7px 7px;*/
}
.ui-set-icon-draw{
    float: left;
    height: 28px;
    background-position: 5px -386px;
}
.fontcolor-pick1 a:hover{
    background-color: #FBE8C8;
}
.fontcolor-pick2{
    position: absolute;
    left: 0;
    top: 23px;
    height: 20px;
    background-color: #f0f0f0;
}
.fontcolor-pick2 input{
    width: 235px;
}
.fontcolor-pick2btn{
    margin-top: 124px;
    width: 225px;
    border: 1px solid #ccc;
    border-color: threedhighlight threedshadow threedshadow threedhighlight;
    border-top: 0px;
    background-color: #C0C0C0;
    padding: 5px;
    text-align: center;
}
.fontcolor-text{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    /*border-bottom-color: red;*/
}
.triangle{
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    right: 7px;
    top: 8px;
    border-width: 6px 6px 0 0;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}
.triangleUp{
    top: 10px;
    -webkit-transform:rotate(45deg);
    -webkit-animation:animationUp 180ms ease-out;
    -moz-transform:rotate(45deg);
    -moz-animation:animationUp 180ms ease-out;
    -o-transform:rotate(45deg);
    -o-animation:animationUp 180ms ease-out;
    -ms-transform:rotate(45deg);
    -ms-animation:animationUp 180ms ease-out;
    transform:rotate(45deg);
    animation:animationUp 180ms ease-out;
}
.triangleDown{
    top: 8px;
    -webkit-transform:rotate(-135deg);
    -webkit-animation:animationDown 180ms ease-out;
    -moz-transform:rotate(-135deg);
    -moz-animation:animationDown 180ms ease-out;
    -o-transform:rotate(-135deg);
    -o-animation:animationDown 180ms ease-out;
    -ms-transform:rotate(-135deg);
    -ms-animation:animationDown 180ms ease-out;
    transform:rotate(-135deg);
    animation:animationDown 180ms ease-out;
}
.lowIe{
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    border: none;
    background: url('../image/icons.png');
    background-position: -262px -215px;
}
@-webkit-keyframes animationDown{
    0%{-webkit-transform:rotate(45deg);opacity:1;}
    25%{-webkit-transform:rotate(0deg);opacity:1;}
    50%{-webkit-transform:rotate(-45deg);opacity:1;}
    75%{-webkit-transform:rotate(-90deg);opacity:1;}
    100%{-webkit-transform:rotate(-135deg);opacity:1;}
}
@-moz-keyframes animationDown{
    0%{-moz-transform:rotate(45deg);opacity:1;}
    25%{-moz-transform:rotate(0deg);opacity:1;}
    50%{-moz-transform:rotate(-45deg);opacity:1;}
    75%{-moz-transform:rotate(-90deg);opacity:1;}
    100%{-moz-transform:rotate(-135deg);opacity:1;}
}
@-o-keyframes animationDown{
    0%{-o-transform:rotate(45deg);opacity:1;}
    25%{-o-transform:rotate(0deg);opacity:1;}
    50%{-o-transform:rotate(-45deg);opacity:1;}
    75%{-o-transform:rotate(-90deg);opacity:1;}
    100%{-o-transform:rotate(-135deg);opacity:1;}
}
@-ms-keyframes animationDown{
    0%{-ms-transform:rotate(45deg);opacity:1;}
    25%{-ms-transform:rotate(0deg);opacity:1;}
    50%{-ms-transform:rotate(-45deg);opacity:1;}
    75%{-ms-transform:rotate(-90deg);opacity:1;}
    100%{-ms-transform:rotate(-135deg);opacity:1;}
}
@keyframes animationDown{
    0%{transform:rotate(45deg);opacity:1;}
    25%{transform:rotate(0deg);opacity:1;}
    50%{transform:rotate(-45deg);opacity:1;}
    75%{transform:rotate(-90deg);opacity:1;}
    100%{transform:rotate(-135deg);opacity:1;}
}
@-webkit-keyframes animationUp{
    0%{-webkit-transform:rotate(-135deg);opacity:1;}
    20%{-webkit-transform:rotate(-90deg);opacity:1;}
    50%{-webkit-transform:rotate(-45deg);opacity:1;}
    75%{-webkit-transform:rotate(0deg);opacity:1;}
    100%{-webkit-transform:rotate(45deg);opacity:1;}
}
@-moz-keyframes animationUp{
    0%{-moz-transform:rotate(-135deg);opacity:1;}
    20%{-moz-transform:rotate(-90deg);opacity:1;}
    50%{-moz-transform:rotate(-45deg);opacity:1;}
    75%{-moz-transform:rotate(0deg);opacity:1;}
    100%{-moz-transform:rotate(45deg);opacity:1;}
}
@-o-keyframes animationUp{
    0%{-o-transform:rotate(-135deg);opacity:1;}
    20%{-o-transform:rotate(-90deg);opacity:1;}
    50%{-o-transform:rotate(-45deg);opacity:1;}
    75%{-o-transform:rotate(0deg);opacity:1;}
    100%{-o-transform:rotate(45deg);opacity:1;}
}
@-ms-keyframes animationUp{
    0%{-ms-transform:rotate(-135deg);opacity:1;}
    20%{-ms-transform:rotate(-90deg);opacity:1;}
    50%{-ms-transform:rotate(-45deg);opacity:1;}
    75%{-ms-transform:rotate(0deg);opacity:1;}
    100%{-ms-transform:rotate(45deg);opacity:1;}
}
@keyframes animationUp{
    0%{transform:rotate(-135deg);opacity:1;}
    20%{transform:rotate(-90deg);opacity:1;}
    50%{transform:rotate(-45deg);opacity:1;}
    75%{transform:rotate(0deg);opacity:1;}
    100%{transform:rotate(45deg);opacity:1;}
}
.eventM_table{
    border:1px #4f4f4f solid;
    height: 110px;
    width: 100%;
    text-align: center;
    margin-bottom:20px;
}
.eventM_table td{
    border-left:1px #4f4f4f solid;
    text-align: top;
}
.eventM_table th{
    height: 22px;
    color: #fff;
    background: #858585;
    border-left:1px #4f4f4f solid;
}

.eventM_table span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../image/icons.png) no-repeat -510px -305px;
    margin: 0 0 -7px 0px;
    cursor: pointer;
}
.eventM_table div{
    height: 50px;
    line-height: 50px;
}
.eventM_table .title{
    height: 36px;
    line-height: 36px;
    background: #c5c4c4;
}
/** 智能规则设置 **/
.intell-parambox{
    max-width: 360px;
}
.intell-parambox .ui-table-simple{
    min-height: 135px;
}
.intell-parambox .num{
    text-align: center;
}
.intell-parambox .ui-fieldset{
    width: auto;
    height: auto;
    margin-top: 15px;
}
.intell-abnormal-fieldset{
    max-width: none;
}
.intell-abnormal-fieldset .ui-fieldset{
    border: none;
    margin: 0 !important;
    padding: 0 !important;
}

.intell-mutex .ui-tip-container{
    height: auto;
    min-width: 0;
    margin-bottom: 2px;
    clear: both;
}
.traffic_OSD_order{
    width: 450px;
    height: 26px;
    padding: 10px 0;
    background: #000;
    position: relative;
}
.traffic_OSD_item{
    width: 64px;
    height: 26px;
    float: left;
    margin-left: 20px;
}
.traffic_OSD_move{
    width: 60px;
    height: 22px;
    border: 2px #fff solid;
    text-align: center;
    line-height: 22px;
    background: #000;
    color: #fff;
    position: absolute;
    cursor: pointer;
}