:global{
  .zp-video{
    position: relative;
    width: 100%;
    height: 460px;
    background: #222;

    video{
      width: 100%;
      height: 100%;
    }
  }

  .zp-video-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    // background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;

    .video-ctrl{

    }

    .video-icon {
      width: 100px;
      height: 100px;
      border-radius: 50%;

      &.play {
        background: rgba(0, 0, 0, 0.8) url("../video/images/play.png") no-repeat center;
        background-size: 60px;
      }

      &.stop{
        background: rgba(0, 0, 0, 0.8) url("../video/images/stop.png") no-repeat center;
        background-size: 60px;
      }
    }
  }
}