.mask-box {
    z-index: 3;
    position: absolute;
    margin-top: 220px;
    margin-left: 550px;
    /*margin-bottom: 1000px;*/
    /*padding-bottom: 10000px;*/
}

.s-video {
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
    background-color: black;
}

.en-font {
    color: white;
    font-size: 30px;
    font-weight: lighter;
}

.sub-title {
    color: white;
    font-size: 20px;
    font-weight: lighter;
}

.cirlceshow:hover{
    margin-top: 40px;
}

.rightcircle {
    width: 600px;
    height: 600px;
    background: rgba(255, 255, 255, 0.20);
    border-radius: 50%;
    z-index: 2;
    position: absolute;
}

.cirlceshow {
    z-index: 2;
    position: absolute;
    margin-top: 70px;
    margin-left: 487px;
    transition: all 1s ease-out;
}

.ul-code{
    list-style: none;
}