.short-video {
    width: 100%;
    height: calc(100vh - 107px);
    object-fit: cover;
}
.short-videov::-webkit-media-controls{

	display:none !important;

}

#shortVideoDiv {
    position: relative;
  	  height: calc(100vh - 107px);
}

.video-cover {
    position: absolute;
    top: 0;
    height: calc(100vh - 107px);
    width: 100%;
}

.video-play {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 24px;
    right: 24px;
}

.video-title {
    position: absolute;
    /*top:0px;*/
    /*bottom: 8px;*/
    bottom: 65px;
    color: #fff;
    background: rgba(0,0,0,0.25);
    width: 100%;
}

.video-title-word {
    font-size: 16px;
    text-align: justify;
    padding: 12px;
    word-wrap: break-word;
}

.video-time {
    position: absolute;
    /* bottom: 150px; */
    width: 100%;
}

.video-time-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    color: #FFF;
    padding: 12px;
}

.process {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px 24px;
}

.process-progress {
    width: 100%;
    border: 1px solid #fff;
    background: #fff;
}

.circle {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    top: calc(50% - 6px);
    left: -3px;
}

.animation-circle {
    /*transition-duration: 1s;*/
    transition-timing-function: linear;
}