/**
* 实时视频页面引用CSS样式表
*/
body{overflow: hidden}
#container {
    height: 100%;
}
.main-content-wrapper{
    height: calc(100% - 80px);
}
.video-main-content{
    height: 100%;
}
.video-main-left,.video-main-right{
    display: inline-block;
}
.video-main-left{
    width: 310px;
    height: 100%;
}
.video-main-right{
    width: calc(100% - 315px);
    vertical-align: top;
    height: 100%;
}
.vehicle-content{
    height: 100%;
}
.panel-body{
    height: calc(100% - 41px);
}

.vehicle-info{
    height: 260px;
    border: 1px solid #dddddd;
    padding: 10px 0;
    overflow-y: auto;
    overflow-x: hidden
}
.vehicle-info > div {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.vehicle-info .form-group{
    margin-bottom: 8px
}
.vehicle-info .form-group label{
    padding-top: 0px
}

.vehicle-status{
    height: 40px;
    line-height: 40px;
}
.vehicle-status .v-not-online::before{
    content: "";
    background-image: url('/clbs/resources/img/offlineIcon_ico.svg');
    width: 12px;
    height: 12px;
    position: absolute;
    top: 14px;
    left: 18px;
    background-size: 12px 12px;
}
.vehicle-status .v-online::before{
    content: "";
    background-image: url('/clbs/resources/img/v-online.svg');
    width: 12px;
    height: 12px;
    position: absolute;
    top: 14px;
    left: 30px;
    background-size: 12px 12px;
}
.vehicle-status .v-heartbeat::before{
    content: "";
    background-image: url('/clbs/resources/img/v-heartbeat.svg');
    width: 12px;
    height: 12px;
    position: absolute;
    top: 14px;
    left: 30px;
    background-size: 12px 12px;
}
.tree-show-area{
    height: calc(100% - 337px);
    overflow: auto;
}
.panel-heading{
    padding: 10px;
}
.panel-heading strong{
    font-size: 16px;
}
.video-main-content .video-main-right .video-right-top{
    height: calc(100% - 98px);
    position: relative;
    overflow: hidden;
}
/*.video-main-content .video-main-right .video-right-bottom {*/
    /*height: 85px;*/
/*}*/
.video-main-content .video-main-right .video-right-top .video-module{
    height: 100%;
    overflow: auto;
}
.video-main-content .video-main-right .video-right-top .video-module video{
    background-color: #32323a;
    background-image: url('/clbs/resources/img/realTimeVideo/video_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%
}
.video-main-content .video-main-right .video-right-top .video-module > div{
    width: 50%;
    border: 1px solid #9c9c9c;
    /*height: calc(100% - 296px);*/
    height: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #32323a;
}
.video-modal{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 999;
}
.video-main-content .video-main-right .video-right-top .map-module{
    height: 100%;
}
.video-main-content .video-main-right .video-right-top .map-module #mapAllShow{
    color: #6dcff6;
    z-index: 999;
    width: 38px;
    height: 38px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    float: left;
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 10px 0 0;
    border-radius: 3px;
    box-shadow: 1px 1px 10px #ccc;
}
.video-main-content .video-main-right .video-right-top .map-module .right-click-monitor{
    width: 270px;
    background-color: #ffffff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 20px;
    z-index: 99;
    border-radius: 3px;
    left: calc((100% - 260px) / 2);
    box-shadow: 1px 1px 10px #ccc;
    opacity: 0.8
}
.video-main-content .video-main-right .video-right-top .map-module .right-click-monitor .nstSlider{
    background-color: #bcb5b5;
    height: 5px;
}
.video-main-content .video-main-right .video-right-top .map-module .right-click-monitor .nstSlider .leftGrip{
    height: 15px;
    width: 15px;
    top: -5px;
    background-color: #6dcff6;
}
.video-main-content .video-main-right .video-right-top .map-module .audio-listen{
    height: 60px;
}
.nstSlider-voice{
    display: none;
}
.video-main-content .video-main-right .video-right-top .map-module .audio-listen .nstSlider-voice{
    display: block;
}
.video-main-content .video-main-right .video-right-top .map-module .right-click-monitor #monitorIco{
    cursor: pointer
}
.video-main-content .video-main-right .video-right-bottom .nav-tabs{
    margin: 2px 0px 0px 0px;
}
.video-main-content .video-main-right .video-right-bottom .tab-hide-down{
    float: right
}
.video-main-content .video-main-right .video-right-bottom .tab-hide-down #scalingBtn{
    position: relative;
    right: 15px;
    top: 9px;
    color: #6dcff6;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel{
    height: 39px;
    line-height: 40px;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett::before{
    content: "";
    background: url('/clbs/resources/img/realTimeVideo/yun_setting.svg') no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 20px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming::before{
    content: "";
    background: url('/clbs/resources/img/realTimeVideo/video_dimming.svg') no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 71px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four::before{
    content: "";
    background: url('/clbs/resources/img/realTimeVideo/four.svg') no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 122px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/six.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 173px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/nine.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 224px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/ten.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 275px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/sixteen.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 326px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/win.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 377px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/full_screen.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 428px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/yun_setting_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 20px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/video_dimming_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 71px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/four_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 122px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/six_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 173px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/nine_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 224px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/ten_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 275px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/sixteen_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 326px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/win_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 377px;
    background-size: 100%;
}
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen-check::before{
    content: "";
    background: url(/clbs/resources/img/realTimeVideo/full_screen_blue.svg) no-repeat;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    left: 428px;
    background-size: 100%;
}
.tab-content{
    background: #ffffff;
}
#video-module .pull-left .this-click{
    border: 3px solid #6dcff6;
}











.row{margin: 0 !important}
.sidebar{overflow: auto}
.sidebar::-webkit-scrollbar{width: 0px; height: 0px}
.main-content-wrapper{background-color: #ffffff}
.main-content-wrapper, .main-content-wrapper #video-main-content{min-height: 0 !important; box-sizing: border-box;}
/* 初始化相关 */
.col-padding-zero{padding: 0px}
.col-padding-five{padding: 5px}
.col-padding-left{padding: 0px 0px 0px 15px}
.panel-video .panel-heading{padding: 10px}
.panel-video .panel-heading strong{font-size: 16px}
.animate-display{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.table{margin: 0px}
.table > tbody > tr > td{padding: 10px; line-height: 1.42857143; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis}
.checkbox-inline-margin input[type=checkbox]{margin: -8px 0px 0px 0px}
.modal-body-overflow{overflow-y: auto; overflow-x: hidden}
.col-margin-top{margin: 15px 0px 0px 0px}
.time-background{background-color: #fafafa !important}
.input-group-border{border-left: none; border-right: none; background-color: #FFFFFF; padding: 6px 4px; line-height: 22px}
.input-white-bg{background-color: #ffffff !important}
/* 鼠标悬浮 */
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-back,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-back-check,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-play,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-play-check,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-stop,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-stop-check,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-frame,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-frame-check,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-going,
.video-main-content .video-main-right .video-right-bottom .video-play-module .video-going-check,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-back,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-back-check,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-play,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-play-check,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-stop,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-stop-check,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-frame,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-frame-check,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-going,
.video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-going-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win-check,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen-check,
.video-main-content .video-main-right .video-right-top .map-module #mapAllShow,
.video-main-content .video-main-right .video-right-top .resource-map-module #mapAllShow,
.video-main-content .video-main-right .video-right-bottom .tab-hide-down #scalingBtn,
.haeundaeLeftTop, #haeundaeRightTop, #haeundaeTop, #haeundaeLeft, #haeundaeCenter, #haeundaeRight, #haeundaeLeftBottom, #haeundaeBottom, #haeundaeRightBottom, .cursor-style,
.checkbox-inline-margin input[type=checkbox], .input-text-cursor, #advancedSearch, #advancedSearchSpan,
#alarmRecordDataTable tbody tr,#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming,
.video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming-check{cursor: pointer}



/***************************/
/* 实时视频 */
/***************************/
/* 实时视频页面左侧 */
/*#video-main-content .video-main-left{width: calc(100% - (100% - 310px));}*/
/*#video-main-content .video-main-left-none{display: none}*/
/*#video-main-content .video-main-left .vehicle-content .panel-video #search_condition{width: 100%;}*/
/*#video-main-content .video-main-left .vehicle-content .panel-video .form-inline{margin: 0px 0px 5px 0px}*/
/*#video-main-content .video-main-left .vehicle-content .panel-video .tree-show-area{ height: calc(100% - 337px); overflow: auto; }*/
/*#video-main-content .video-main-left .vehicle-content .panel-video #vTree{ height: 100%; }*/
/*#video-main-content .video-main-left .vehicle-content .panel-video #refresh{margin: 0px}*/
/* 状态信息 */
/*#video-main-content .video-main-left .vehicle-content .vehicle-status{height: 40px; line-height: 40px;}*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-status .v-not-online::before{content: ""; background-image: url(/clbs/resources/img/offlineIcon_ico.svg); width: 12px; height: 12px; position: absolute; top: 14px; left: 18px; background-size: 12px 12px;}*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-status .v-online::before{content: ""; background-image: url(/clbs/resources/img/v-online.svg); width: 12px; height: 12px; position: absolute; top: 14px; left: 30px; background-size: 12px 12px;}*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-status .v-heartbeat::before{content: ""; background-image: url(/clbs/resources/img/v-heartbeat.svg); width: 12px; height: 12px; position: absolute; top: 14px; left: 30px; background-size: 12px 12px;}*/
/* 监控对象信息 */
/*#video-main-content .video-main-left .vehicle-content .vehicle-info{height: 260px; border: 1px solid #dddddd; padding: 10px 0; overflow-y: auto; overflow-x: hidden}*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-info > div { margin-right: 0; margin-left: 0; }*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-info .form-group{margin-bottom: 8px}*/
/*#video-main-content .video-main-left .vehicle-content .vehicle-info .form-group label{padding-top: 0px}*/
/* 实时视频页面右侧 */
/*#video-main-content .video-main-right{width: calc(100% - 310px); width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px)}*/
/*#video-main-content .video-main-right-zero{width: 100%}*/
/*#video-main-content .video-main-right .video-right-top{height: 591px; overflow: hidden; position: relative;}*/
/* 视频 */
/*#video-main-content .video-main-right .video-right-top .video-module{height: 100%;}*/
/*#video-main-content .video-main-right .video-right-top .video-module video{background-color: #32323a; background-image: url(/clbs/resources/img/realTimeVideo/video_logo.png); background-repeat: no-repeat; background-position: center; background-size: 15%}*/
/*#video-main-content .video-main-right .video-right-top .video-module > div{width: 50%; border: 1px solid #9c9c9c; height: calc(100% - 296px); position: relative; display: flex; justify-content: center; align-items: center; background-color: #32323a;}*/
.video-modal{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 999;}
/* 地图 */
/*#video-main-content .video-main-right .video-right-top .map-module{height: 100%}*/
/*#video-main-content .video-main-right .video-right-top .map-module #mapAllShow{color: #6dcff6; z-index: 999; width: 38px; height: 38px; background: #fff; line-height: 20px; text-align: center; float: left; position: absolute; top: 4px; left: 4px; padding: 10px 0 0; border-radius: 3px; box-shadow: 1px 1px 10px #ccc;}*/
/*#video-main-content .video-main-right .video-right-top .map-module .right-click-monitor{width: 270px; background-color: #ffffff; height: 70px; line-height: 40px; position: absolute; bottom: 20px; z-index: 99; border-radius: 3px; left: calc((100% - 260px) / 2); box-shadow: 1px 1px 10px #ccc; opacity: 0.8}*/
/*#video-main-content .video-main-right .video-right-top .map-module .right-click-monitor #monitorIco{cursor: pointer}*/
/* 列表 */
/*#video-main-content .video-main-right .video-right-bottom .nav-tabs{margin: 2px 0px 0px 0px}*/
/*#video-main-content .video-main-right .video-right-bottom #alarmRecord,*/
/*#video-main-content .video-main-right .video-right-bottom #logging{overflow: auto; height: 266px}*/
/* 音视频控制面板 */
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel{height: 39px; line-height: 40px}*/
/* 音视频控制面板图标初始化 */
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett::before{content: "";background: url(/clbs/resources/img/realTimeVideo/yun_setting.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 20px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming::before{content: "";background: url(/clbs/resources/img/realTimeVideo/video_dimming.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 71px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four::before{content: "";background: url(/clbs/resources/img/realTimeVideo/four.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 122px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six::before{content: "";background: url(/clbs/resources/img/realTimeVideo/six.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 173px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine::before{content: "";background: url(/clbs/resources/img/realTimeVideo/nine.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 224px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten::before{content: "";background: url(/clbs/resources/img/realTimeVideo/ten.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 275px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen::before{content: "";background: url(/clbs/resources/img/realTimeVideo/sixteen.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 326px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win::before{content: "";background: url(/clbs/resources/img/realTimeVideo/win.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 377px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen::before{content: "";background: url(/clbs/resources/img/realTimeVideo/full_screen.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 428px;background-size: 100%}*/
/* 音视频控制面板图标选择时 */
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-yun-sett-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/yun_setting_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 20px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-dimming-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/video_dimming_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 71px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-four-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/four_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 122px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-six-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/six_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 173px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-nine-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/nine_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 224px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-ten-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/ten_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 275px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-sixteen-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/sixteen_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 326px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-win-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/win_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 377px;background-size: 100%}*/
/*#video-main-content .video-main-right .video-right-bottom .video-control-panel .video-full-screen-check::before{content: "";background: url(/clbs/resources/img/realTimeVideo/full_screen_blue.svg) no-repeat;width: 31px;height: 31px;position: absolute;top: 4px;left: 428px;background-size: 100%}*/
/* 视频画面控制 */
#videoScreenControl .nstSlider{background-color: #f7f7f7;box-shadow: 0px 1px 1px #999 inset;border: 1px solid #e6e6e6;width: 230px}
#videoScreenControl .nstSlider .leftGrip{top: -1px;box-shadow: 0px 0px 1px 1px rgba(0,0,0,.4);opacity: 0.8}
#videoScreenControl .inp-brightness{height: 21px;text-align: center;width: 60%}
#videoScreenControl .form-group .control-label{padding: 0px 0px 0px 0px}
/* 云台Modal */
#haeundaeModal .cloud-left, #haeundaeModal .cloud-right{background-color: #eeeeee; border-radius: 10px; height: 150px; border: 1px solid #e5e5e5}
#haeundaeModal .cloud-left{width: 150px}
#haeundaeModal .cloud-left table{width: 150px; height: 150px; text-align: center}
/* 云台左侧图标 */
#haeundaeModal .cloud-left #haeundaeLeftTop::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: 0px -9px; width: 40px; height: 40px; position: absolute; top: 20px; left: 22px}
#haeundaeModal .cloud-left #haeundaeTop::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -40px -9px; width: 40px; height: 40px; position: absolute; top: 20px; left: 72px}
#haeundaeModal .cloud-left #haeundaeRightTop::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -80px -9px; width: 40px; height: 40px; position: absolute; top: 20px; left: 124px}
#haeundaeModal .cloud-left #haeundaeLeft::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: 0px -50px; width: 40px; height: 40px; position: absolute; top: 72px; left: 22px}
#haeundaeModal .cloud-left #haeundaeCenter::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -40px -50px; width: 40px; height: 40px; position: absolute; top: 72px; left: 72px}
#haeundaeModal .cloud-left #haeundaeRight::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -80px -50px; width: 40px; height: 40px; position: absolute; top: 72px; left: 124px}
#haeundaeModal .cloud-left #haeundaeLeftBottom::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: 0px -90px; width: 40px; height: 40px; position: absolute; top: 124px; left: 22px}
#haeundaeModal .cloud-left #haeundaeBottom::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -40px -90px; width: 40px; height: 40px; position: absolute; top: 124px; left: 72px}
#haeundaeModal .cloud-left #haeundaeRightBottom::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -80px -90px; width: 40px; height: 40px; position: absolute; top: 124px; left: 124px}
/* 云台 速度 */
#haeundaeModal .cloud-right{width: 300px; padding: 3px 5px 3px 5px}
#haeundaeModal .cloud-right .btn-vertical-default{color: #333; background-color: #fff; border: 1px solid #ccc; margin-bottom: 0px; padding: 10px 5px; cursor: default}
#haeundaeModal .cloud-right .cloud-right-top{height: 115px}
#haeundaeModal .cloud-right .cloud-right-bottom .left-grip,
#haeundaeModal .cloud-right .cloud-right-bottom .nstSlider,
#haeundaeModal .cloud-right .cloud-right-bottom .right-grip{float: left}
#haeundaeModal .cloud-right .cloud-right-bottom .left-grip{margin: 0px 5px 0px 0px}
#haeundaeModal .cloud-right .cloud-right-bottom .nstSlider{width: 200px; background-color: #f7f7f7; height: 12px; top: 4px; box-shadow: 0px 1px 1px #999 inset; border: 1px solid #e6e6e6}
#haeundaeModal .cloud-right .cloud-right-bottom .nstSlider .leftGrip{top: -4px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .4); opacity: 0.8}
#haeundaeModal .cloud-right .cloud-right-bottom .right-grip{margin: 0px 0px 0px 5px}
/* 云台 (变焦 变倍 光圈) */
#haeundaeModal .cloud-right #zoomPlus, #haeundaeModal .cloud-right #zoomLess,
#haeundaeModal .cloud-right #doublePlus, #haeundaeModal .cloud-right #doubleLess,
#haeundaeModal .cloud-right #aperturePlus, #haeundaeModal .cloud-right #apertureLess{height: 30px; cursor: pointer}
#haeundaeModal .cloud-right #zoomPlus:hover, #haeundaeModal .cloud-right #zoomLess:hover,
#haeundaeModal .cloud-right #doublePlus:hover, #haeundaeModal .cloud-right #doubleLess:hover,
#haeundaeModal .cloud-right #aperturePlus:hover, #haeundaeModal .cloud-right #apertureLess:hover{background-color: #e5e5e5}
#haeundaeModal .cloud-right #zoomPlus .plus::before,
#haeundaeModal .cloud-right #doublePlus .plus::before,
#haeundaeModal .cloud-right #aperturePlus .plus::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -125px -5px; width: 34px; height: 34px; position: absolute; top: -13px; left: -6px}
#haeundaeModal .cloud-right #zoomLess .less::before,
#haeundaeModal .cloud-right #doubleLess .less::before,
#haeundaeModal .cloud-right #apertureLess .less::before{content: ""; background: url(/clbs/resources/img/realTimeVideo/haeundae.svg); background-position: -125px -39px; width: 34px; height: 15px; position: absolute; top: 5px; left: -6px}
/* switch 开关 */
.ag-switch{position: relative; display: inline-block; width: 90px; height: 23px; border-radius: 15px; background-color: #f7f7f7; border: 1px solid #dcdcdc; box-shadow: 0px 1px 1px #999 inset; overflow: hidden; vertical-align: middle; cursor: pointer}
.ag-switch input{visibility: hidden}
.ag-switch i{position: absolute; top: 0; left: 0; display: inline-block; width: calc(25% - 1px); height: 100%; border-radius: 100%}
.ag-switch i::before{content: " "; display: none; width: 600%; height: 100%; border-radius: 10%; background-color: #99daf6; box-shadow: 0px 1px 1px #999 inset}
.ag-switch i::after{content: " "; position: absolute; left: 0; top: 0; z-index: 2; display: inline-block; width: 100%; height: 100%; border-radius: 100%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .4)}
.ag-switch input:checked + i{transform: translateX(100%); -webkit-transform: translateX(315%)}
.ag-switch input:checked + i:before{display: inline-block; transform: translateX(-60%)}
/* ztree */
.obj_select_online{color: #45a541 !important;}
.obj_select_heartbeat{color: #fb8c96 !important;}
.obj_select{border: 1px solid #FFB951; background-color: #fff8b0 !important;}
.icon-online_ico_close, .icon-online_ico_open{background-position: -20px -109px; width: 14px !important;}
.icon-heartbeat_ico_close, .icon-heartbeat_ico_open{background-position: -3px -110px; width: 14px !important;}
.channelSkin_ico_docu{background-position: -22px -126px;}
.channel-subscribe_ico_docu{background-position: -42px -126px;}
.vehicle.center_close, .vehicle.bottom_close{background-position: -64px -108px !important; width: 14px !important;}
.vehicle.center_open, .vehicle.bottom_open{background-position: -53px -110px !important; width: 14px !important;}
.video_close_ico{background-position: 0px -126px;}
#rMenu{position: absolute; visibility: hidden; top: 0; background-color: #fff; border: 1px solid #6dcff6; padding: 5px; box-shadow: 2px 3px 8px #989898; width: 143px; border-radius: 5px;}
#rMenu a{color: #989898; cursor: pointer; display: block; background-color: #f7f7f7; margin: 0 0 5px; padding: 5px 0 5px 5px; border-left: 3px solid #c5c5c5;}
#rMenu #treeRightMenu-l a:hover{color: #fff; background-color: #6dcff6; border-left: 3px solid #04b0f5}
/* 视频右键 */
.videoRightList{position: absolute; display: none; top: 100px; left: 300px; z-index: 9999; background-color: #fff; border: 1px solid #6dcff6; padding: 5px; box-shadow: 2px 3px 8px #989898}
.videoRightList li{color: #989898; cursor: pointer; display: block; background-color: #f7f7f7; margin: 0 0 5px; padding: 5px 0 5px 5px; border-left: 3px solid #c5c5c5}
.videoRightList li:hover{background-color: #6dcff6; color: #fff; border-left: 3px solid #04b0f5}
.scaleList{opacity: 0; position: absolute; bottom: 34px; left: 115px; width: 80px}
.scaleList ul{background-color: #fff; border: 1px solid #6dcff6; padding: 5px; box-shadow: 2px 3px 8px #989898; padding-left: 0}
.audio-checked{vertical-align: text-top; margin-right: 4px !important;}
/* 视频全屏显示 */
.full-video { position: absolute !important; top: 0; left: 0; z-index: 9999; width: 100%!important; height: 100%!important;}
/* 地图信息框 */
.amap-info-content{background-color:#ebe9e5;line-height:22px!important;border:1px solid c2c2c2!important;box-shadow:1px 3px 8px #555!important;opacity:.9;padding:15px 18px!important;border-radius:5px}
.amap-info-close{display:none!important}
.information-info{ font-size: 9pt; }
.amap-info-sharp{ opacity: 0.9; background-image:url(../../resources/img/sharp.png)!important; }
.inforwindow-cut{ position: absolute; right: -13px; bottom: -13px; }
.information-info{ width: 160px; }
.information-default{ display: none; }
.information-show{ float: left; border-left: 1px solid #929294; margin-left: 15px; padding-left: 15px;}
.information-info:first-child{ position: relative; margin-left: 0; padding-left: 0; border-left: 0; }
.car-run{ color: #78af3a; }
.car-stop{ color: #c80002; }







/***************************/
/* 视频回放 */
/***************************/
.video-main-content{
    height: 100%;
}

.video-main-content .video-main-left .select-condition{
    margin-top: 13px;
}
.video-main-content .video-main-left .calendar{
    min-height: 277px;
}

.video-main-content .video-main-left .advanced-search{
    display: flex;
}
.video-main-content .video-main-left .advanced-search .col-md-6:nth-child(1){
    line-height: 37px;
}
.video-main-content .video-main-left .advanced-search .col-md-6:nth-child(1) span{
    font-size: 22px;
    position: relative;
    top: 3px;
    left: 2px;
}
.video-main-content .video-main-left .advanced-search-content .select-control-default{
    background: none !important;
    padding: 2px !important;
}
/* 高级查询模块 */
.video-main-content .video-main-left .advanced-search-content{
    overflow-y: auto;
    overflow-x: hidden;
}
.video-main-content .video-main-right .video-map-content{
    height: calc(100% - 42px);
}
.video-right-bottom .tab-content .play-list{
    max-height: 300px;
    overflow: auto;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}

#resourceVideoDefault, #playListVideoDefault{
    position: absolute;
}
#playListVideoDefault{
    left: 0;
}
#resourceVideoDefault{
    left: 0;

}
#playListVideoDefault.hidden-video, #resourceVideoDefault.hidden-video{left: -100%;}

.video-modal .subtitle{
    position: absolute;
    display: none;
    padding: 5px;
    margin: 0;
    z-index: 998;
    color: #fff;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video-modal .subtitle.no-adjustment{
    display: block;
}
.video-modal .subtitle.adjustment{
    display: block;
}
.video-modal .no-adjustment.plate_number{
    left: 0;
    top: 0;
}
.video-modal .no-adjustment.time{
    right:50px;
    top: 0;
}
.video-modal .no-adjustment.latitude{
    left: 0;
    bottom: 0;
}
.video-modal .no-adjustment.speed{
    left: 135px;
    bottom: 0;
}
/* 字幕调整 */
.video-modal .adjustment.time{
    left: 5px;
    top: 0;
}
.video-modal .adjustment.plate_number{
    right: 50px;
    top: 0;
}
.video-modal .adjustment.speed{
    right: 5px;
    bottom: 0;
}
.video-modal .adjustment.latitude{
    right: 50px;
    bottom: 0;
}








#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .advanced-search{display: flex}
#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .advanced-search .col-md-6:nth-child(1){line-height: 37px}
#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .advanced-search .col-md-6:nth-child(1) span{font-size: 22px; position: relative; top: 3px; left: 2px}
/*#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .select-condition{margin-top: 13px}*/
#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .advanced-search-content .select-control-default{background: none !important; padding: 2px !important}
/* 高级查询模块 */
#video-main-content .video-main-left .vehicle-content .panel-video .panel-body .advanced-search-content{overflow-y: auto; overflow-x: hidden}
/* 视频模块 */
/*#video-main-content .video-main-right .video-map-content{height: 558px}*/
#video-main-content .video-main-right .video-right-top .resource-video-module{height: 100%}
#video-main-content .video-main-right .video-right-top .resource-video-module video{background-color: #32323a; background-image: url(/clbs/resources/img/realTimeVideo/video_logo.png); background-repeat: no-repeat; background-position: center; background-size: 15%}
#video-main-content .video-main-right .video-right-top .resource-video-module div{width: 100%; border: 1px solid #9c9c9c; height: 100%;}
#video-main-content .video-main-right .video-right-top .resource-video-module .video-controls{width: 100%; display: block; height: 32px; position: relative; bottom: 36px; z-index: 999}
/* 视频隐藏按钮 */
#video-main-content .video-main-right .video-right-top .resource-map-module{height: 100%}
#video-main-content .video-main-right .video-right-top .resource-map-module #mapAllShow{color: #6dcff6; z-index: 999; width: 38px; height: 38px; background: #fff; line-height: 20px; text-align: center; float: left; position: absolute; top: 4px; left: 4px; padding: 10px 0 0; border-radius: 3px; box-shadow: 1px 1px 10px #ccc;}
/* 通道选择 */
#video-main-content .video-main-right .tab-content #playList .video-aisle{height: 36px; line-height: 36px; border-left: 1px solid #ddd; border-right: 1px solid #ddd}
#video-main-content .video-main-right .tab-content #playList .video-aisle label{line-height: 20px}
/* 列表滚动条 */
/*#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart{overflow: auto; height: 265px}*/
#video-main-content .video-main-right .video-right-bottom .tab-content #resourceList{overflow: auto; max-height: 300px}
/* 资源列表表格 */
#video-main-content .video-main-right .video-right-bottom .tab-content #resourceList #resourceListDataTable td{padding: 6.5px 10px}
#video-main-content .video-main-right .video-right-bottom .tab-content #resourceList #resourceListDataTable button{padding: 4px 12px; margin: 0px}
/* 列表向下隐藏 */
#video-main-content .video-main-right .video-right-bottom .tab-hide-down{float: right}
#video-main-content .video-main-right .video-right-bottom .tab-hide-down #scalingBtn{position: relative; right: 15px; top: 9px; color: #6dcff6}
/* 视频回放下拉模块 */
#video-main-content .video-main-right .video-right-bottom .video-back-module, #video-main-content .video-main-right .video-right-bottom .video-play-select{margin: 1px 0px 0px 18%}
/* 播放列表 操作模块 */
#video-main-content .video-main-right .video-right-bottom .video-play-module{background-color: #e5e5e5; height: 36px; border: 1px solid #b8b8b8; width: 430px; line-height: 35px; margin: 1px 5px; border-radius: 3px}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-play::before{content: ""; background: url(/clbs/resources/img/resourceList/play.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 20px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-frame::before{content: ""; background: url(/clbs/resources/img/resourceList/frame.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 61px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-stop::before{content: ""; background: url(/clbs/resources/img/resourceList/stop.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 102px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-back::before{content: ""; background: url(/clbs/resources/img/resourceList/back.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 143px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-going::before{content: ""; background: url(/clbs/resources/img/resourceList/going.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 184px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-play-check::before{content: ""; background: url(/clbs/resources/img/resourceList/play_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 20px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-frame-check::before{content: ""; background: url(/clbs/resources/img/resourceList/frame_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 61px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-stop-check::before{content: ""; background: url(/clbs/resources/img/resourceList/stop_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 102px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-back-check::before{content: ""; background: url(/clbs/resources/img/resourceList/back_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 143px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module .video-going-check::before{content: ""; background: url(/clbs/resources/img/resourceList/going_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 184px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom{float: right; padding: 0px 10px 0px 0px}
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom .left-grip,
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom .nstSlider{float: left}
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom .left-grip{margin: 0px 5px 0px 0px; font-style: initial}
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom .nstSlider{width: 120px; background-color: #f7f7f7; height: 12px; top: 11px; box-shadow: 0px 1px 1px #999 inset; border: 1px solid #e6e6e6}
#video-main-content .video-main-right .video-right-bottom .video-play-module #videoPlayZoom .nstSlider .leftGrip{top: -4px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .4); opacity: 0.8}
/* 资源列表 操作模块 */
#video-main-content .video-main-right .video-right-bottom .video-resource-module{display: none; background-color: #e5e5e5; height: 36px; border: 1px solid #b8b8b8; width: 430px; line-height: 35px; margin: 1px 5px; border-radius: 3px}
#video-main-content .video-main-right .video-right-bottom .video-play-select{display: none}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-play::before{content: ""; background: url(/clbs/resources/img/resourceList/play.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 20px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-frame::before{content: ""; background: url(/clbs/resources/img/resourceList/frame.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 61px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-stop::before{content: ""; background: url(/clbs/resources/img/resourceList/stop.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 102px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-back::before{content: ""; background: url(/clbs/resources/img/resourceList/back.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 143px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-going::before{content: ""; background: url(/clbs/resources/img/resourceList/going.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 184px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-play-check::before{content: ""; background: url(/clbs/resources/img/resourceList/play_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 20px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-frame-check::before{content: ""; background: url(/clbs/resources/img/resourceList/frame_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 61px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-stop-check::before{content: ""; background: url(/clbs/resources/img/resourceList/stop_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 102px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-back-check::before{content: ""; background: url(/clbs/resources/img/resourceList/back_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 143px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module .video-resource-going-check::before{content: ""; background: url(/clbs/resources/img/resourceList/going_blue.svg); width: 31px; height: 31px; position: absolute; top: 1px; left: 184px; background-size: 100%}
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom{float: right; padding: 0px 10px 0px 0px}
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom .left-grip,
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom .nstSlider{float: left}
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom .left-grip{margin: 0px 5px 0px 0px; font-style: initial}
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom .nstSlider{width: 120px; background-color: #f7f7f7; height: 12px; top: 11px; box-shadow: 0px 1px 1px #999 inset; border: 1px solid #e6e6e6}
#video-main-content .video-main-right .video-right-bottom .video-resource-module #videoPlayZoom .nstSlider .leftGrip{top: -4px; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .4); opacity: 0.8}
/*播放列表样式*/
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #containers{font-size: 12px; background-color: #fff; border: 1px solid #ccc; position: relative; margin: 0; width: 100%}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeads{background-color: #fff; border-bottom: 1px solid #ccc; position: relative; width: 100%; height: 21px}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeads .heads-date-module{width: calc(100% - (100% - 150px)); height: 21px; line-height: 21px; text-align: center}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #stationContainer{background-color: #eeeeee; float: left; width: 150px; padding-top: 30px; position: relative; z-index: 200; border-right: 1px solid #676767}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #stationContainer .time-dimension{height: 30px; line-height: 30px; text-align: center}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #stationContainer .station{border-top: 1px solid #676767; width: 100%; float: left; height: 30px; z-index: 300}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeContainer{float: left; display: inline; position: absolute; z-index: 100; width: 800px; overflow: hidden}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #scrollContainer{position: relative}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeader{height: 30px; background-color: #eee; position: relative; overflow: hidden}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeader .unitTime{width: 55px; float: left; border-left: 1px solid #676767; z-index: 100; height: 10px; margin-top: 20px; position: absolute}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeader .halfHour{margin-top: 22px; height: 8px}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeader .hour{height: 20px; margin-top: 10px; line-height: 8px; padding: 0px 0px 0px 5px;}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeBody{position: relative}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeBody .horizontalStation{position: relative; width: 100%; border-top: 1px solid #676767; height: 100px; z-index: 10}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #footer{clear: both; width: 100%; height: 1px; background-color: grey; border-bottom: 1px solid grey}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeLine{left: 500px; border-right: 2px solid red; float: left; z-index: 500; background-color: Red; position: absolute; opacity: 0.78; cursor: ew-resize}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .time-info{position: absolute; width: 64px; background-color: red; left: -30.5px; z-index: 999999; font-size: 12px; color: #fff; padding: 2px 4px; opacity: 0.78; top: -22px; cursor: ew-resize}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .techinian{width: 100%; height: 100%}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .techinian td{text-align: center}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .techinian .stationTd{width: 30px; border-right: 1px solid #676767}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .car{height: 100%; display: inline; float: left; width: 100px; border: 0 solid #000; padding: 0; background-color: #b0c4de; text-decoration: none; position: absolute; outline: 0; margin-top: 0; top: 0; bottom: 1px; font-family: 黑体; color: #000; font-size: large}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .virtual{border: 2px dashed #676767}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart a.car:hover{cursor: pointer; background-color: #f0f; text-decoration: none}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .color0{background-color: #c4eca9}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .color70{background-color: #ff0}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .color100{background-color: Red}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .border_bottom{border-bottom: 1px solid #000}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .border_top{border-top: 1px solid #000}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .border_right{border-right: 1px solid #000}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .border_left{border-left: 1px solid #000}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart .border_none{border: 0 none}
/*滚动条整体样式*/
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart::-webkit-scrollbar{width: 1px; height: 5px}
/*滚动条里面小方块*/
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353}
/*滚动条里面轨道*/
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #EDEDED}
#video-main-content .video-main-right .video-right-bottom .tab-content #playList .playlist-wave-chart #timeHeader .unitTime:first-child{border-color: transparent}
/* input清除按钮位置 */
.resource-video-input i{right: 30px !important;}
/* 视频隐藏显示 */
/*.hidden-video{position: absolute; left: -100%;}*/
/* IE浏览器实现placeholder效果 */
.input-placeholder{position: absolute; top: 0; left: 0; height: 36px; line-height: 36px; padding-left: 12px; color: #aba9a9;}
/*音视频流量统计窗口*/
/*.video-modal */span.flow{position: absolute; display: inline-block; padding: 5px; top: 0; right: 0; z-index: 998; color: #fff; font-size: 12px; text-align: center; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*特殊参数设置弹窗*/
#setBtn{position: relative; right: 20px; top: 11px; color: #6dcff6; cursor: pointer;}
.tab-hide-down{position: static !important;}
/*#specialParamSet{position: absolute; display: none; width: 420px; left: calc(50% - 250px); bottom: 50%; z-index: 999; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff;}*/
#specialParamSet *{font-size: 14px; font-weight: normal !important;}
.set-header{padding: 15px; border-bottom: 1px solid #ddd;}
.set-header h3{margin: 0;}
.set-body{padding: 20px 15px 5px;}
.progress-group{padding: 0 15px;}
.progress-group h3{margin: 10px 0;}
#specialParamSet .control-label{text-align: right;}
#specialParamSet .radio-label{text-align: left;}
#specialParamSet .radio-label input{vertical-align: -2px;}
#specialParamSet .progress{height: 8px; margin-bottom: 10px; border-radius: 0; background-color: rgb(223, 226, 232);}
#specialParamSet .progress .progress-bar-info{background-color: rgb(51, 200, 204);}
.set-footer{padding: 20px 30px 20px 20px; text-align: right; border-top: 1px solid #ddd;}
.set-footer button{margin-left: 10px; padding: 0; border: none; background-color: transparent;}
.set-footer button:hover{color: #6dcff6;}
#videoPlayWay, #videoResourcePlayWay{ width: 150px; }
#video-module video, #resource-video-module video{ object-fit: fill; }

/*视频控制插件*/
.video-status {
    position: relative;
    font-size: 12px;
    color: #5D5F63;
    overflow-x: hidden;
    box-sizing: content-box;
    overflow-y: auto;
    display: none;
}
.video-status * {
    box-sizing: border-box;
}
.video-status .left {
    width: 120px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
}
.video-status .left .day {
    height: 21px;
    text-align: center;
    line-height: 21px;
}
.video-status .left .title,
.video-status .left .channel-title {
    background-color: #eeeeee;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-right: 1px solid #878788;
    border-bottom: 1px solid #878788;
}
.video-status .right {
    margin-left: 120px;
    height: 100%;
}
.video-status .right .thumb-container {
    height: 21px;
    position: relative;
}
.video-status .right .thumb-container .thumb {
    position: absolute;
    width: 64px;
    background-color: red;
    left: -32px;
    bottom: 0px;
    z-index: 99;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    opacity: 0.78;
    cursor: ew-resize;
}
.video-status .right .thumb-container .thumb .line {
    width: 2px;
    position: absolute;
    background-color: red;
    top: 20px;
    left: 32px;
}
.video-status .right .ruler {
    background-color: #eeeeee;
    border-bottom: 1px solid #878788;
    height: 30px;
    position: relative;
}
.video-status .right .ruler .section {
    padding-left: 3px;
    font-size: 12px;
    line-height: 8px;
    height: 20px;
    box-sizing: border-box;
    border-right: 1px solid #878788;
    position: absolute;
    bottom: 0px;
}
.video-status .right .ruler .section:last-child {
    border-right: none;
}
.video-status .right .ruler .section .section-half {
    height: 8px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    border-right: 1px solid #878788;
    box-sizing: border-box;
}
.video-status .right .channel {
    border-bottom: 1px solid #878788;
    height: 30px;
    position: relative;
    overflow: hidden;
}
.video-status .right .green {
    height: 100%;
    background-color: #c4eca9;
    position: absolute;
    top: 0px;
}

#menu2.dropdown-menu:before, #menu2.dropdown-menu:after{
    left: 58%;
}