.HK-localization-video{width:100%;height:100%}.HK-localization-video #player{width:100%;height:calc(100% - 3.75rem)}.HK-localization-video .control-bar{height:3.75rem;width:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.41667rem;padding-top:.83333rem}.HK-localization-video .control-bar .icon-btn{display:flex;width:2.5rem;margin-left:.83333rem;height:2.5rem;cursor:pointer;color:#fff;font-weight:100;background-size:100% 100%;background-repeat:no-repeat}.HK-localization-video .control-bar .icon-btn.guanbiquanbu{background-image:url(/static/images/playBtn/guanbiquanbu.png)}.HK-localization-video .control-bar .icon-btn.single-full-screen{background-image:url(/static/images/playBtn/quanbuquanpig.png)}.HK-localization-video .control-bar .icon-btn.full-screen{background-image:url(/static/images/playBtn/quanpig.png)}.HK-localization-video .control-bar .icon-btn.play{background-image:url(/static/images/playBtn/bofang.png)}.HK-localization-video .control-bar .icon-btn.stop-play{background-image:url(/static/images/playBtn/guanbi.png)}.HK-localization-video .control-bar .icon-btn.stop-play-all{background-image:url(/static/images/playBtn/guanbiquanbu.png)}.details-video-moitor{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.details-video-moitor .video-title{position:absolute;height:3.33333rem;font-size:2rem;color:#0ff;font-weight:700;display:flex;justify-content:flex-start;align-items:center}.details-video-moitor .video-title i{width:.41667rem;height:2rem;background:#0ff;margin-right:1.66667rem;margin-top:.16667rem}.details-video-moitor .video-content{position:absolute;padding:5.41667rem 0 .83333rem;width:100%;height:100%;display:flex;justify-content:space-between}.details-video-moitor .video-content .camera-list{overflow-y:scroll;height:100%;width:20%}.details-video-moitor .video-content .camera-list .title{font-size:2.08333rem;margin:0}.details-video-moitor .video-content .camera-list .video-type{display:inline-block;width:0;height:1.33333rem;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;vertical-align:middle}.details-video-moitor .video-content .camera-list .video-type.video_online{margin-right:.41667rem;display:inline-block;width:1.33333rem;background-image:url(/static/images/HikVideo/video_online.png)}.details-video-moitor .video-content .camera-list .video-type.video_offline{margin-right:.41667rem;display:inline-block;width:1.33333rem;background-image:url(/static/images/HikVideo/video_offline.png)}.details-video-moitor .video-content .camera-list .video-type.video_noaccess{margin-right:.41667rem;display:inline-block;width:1.33333rem;background-image:url(/static/images/HikVideo/video_noaccess.png)}.details-video-moitor .video-content .camera-list li{height:auto;font-size:1.5rem;padding:.41667rem .83333rem;display:flex;justify-content:space-between;border-bottom:.08333rem solid #0a50a7;color:#00b8fb;align-items:center}.details-video-moitor .video-content .camera-list li div{color:#00b8fb;cursor:pointer}.details-video-moitor .video-content .camera-list li button{border:.08333rem solid #0a50a7;border-radius:.41667rem;padding:.41667rem .83333rem;height:auto}.details-video-moitor .video-content .camera-content{width:78%;flex:1;padding:.83333rem;border:.08333rem solid #03567f}.details-video-moitor .video-content .camera-content button{cursor:pointer;border:.08333rem solid #0a50a7;border-radius:.41667rem;padding:.41667rem .83333rem;height:auto;width:5em;background:transparent;margin-right:.4em;color:#fff}.details-video-moitor .video-content .camera-content .ax-video{width:100%;height:95%;flex:1}.details-video-moitor .video-content .camera-content .ax-video .video-download-container a{color:#00b8fb;font-size:1.33333rem}