.video-view{position:relative;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-view .presentation{width:100%;height:calc(100% - 40px)}.video-view .controls-tool{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-view .controls-tool .time-count{font-size:16px}.video-view .controls-tool .controls-btn{margin-left:15px}.video-view .controls-tool .controls-btn i{font-size:18px;cursor:pointer}.video-view .video-player{width:100%;height:100%}.video-view .trim-layer{position:absolute;top:0;left:0;height:calc(100% - 40px);width:100%}.video-view .position_1{position:absolute;left:20px;top:20px}.video-view .position_2{position:absolute;left:50%;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.video-view .position_3{position:absolute;right:20px;top:20px}.video-view .position_4{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-view .position_5{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-view .position_6{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-view .position_7{position:absolute;bottom:0;left:20px}.video-view .position_8{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.video-view .position_9{position:absolute;right:20px;bottom:0}.video-view .video-img{position:absolute;right:60px;bottom:60px;background:transparent}.video-view .video-img img{background:transparent}