/**
* 实时视频页面引用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{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/clbs/resources/img/offlineIcon_ico.svg');
    margin-right: 2px;
}

.vehicle-status .v-online{
    display: inline-block;
    background-image: url('/clbs/resources/img/v-online.svg');
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

.vehicle-status .v-heartbeat {
    display: inline-block;
    background-image: url('/clbs/resources/img/v-heartbeat.svg');
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

.vehicle-status > div {
    text-align: center;
    padding: 5px;
}

/*#searchHeartBeat{*/
/*    padding: 0;*/
/*}*/

/*.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% - 42px);
    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: rgba(217,217,217,.8);*/
    background-image: url('/clbs/resources/img/videoCarousel/videoLogo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
    /*opacity: 0.5;*/
}

.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: #d9d9d9;
}

.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_open.png) 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_close.png) 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;
}

.main-content-wrapper,
.main-content-wrapper #video-main-content {
    min-height: 0 !important;
    box-sizing: border-box;
}

.main-content-wrapper.main-full-screen {
    height: 100%;
}









.row {
    margin: 0 !important
}

.sidebar {
    overflow: auto
}

.sidebar::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.main-content-wrapper {
    background-color: #ffffff
}

/* 初始化相关 */
.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,
#haeundaeLeftTop {
    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 {
    z-index: 9999;
    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: 10000;
    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: 1000;
    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: #d9d9d9;
    /*background-image: url('/clbs/resources/img/logo/videoLogo2.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%
}

#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: 72px;
    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 span {
    display: inline-block;
}

.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%;
}