.m_video {
  @extend %section-type;

  &__block {
    @include set-wCol(8);
    margin: 0 auto;
  }

  &__content {
    margin-top: 50px;
  }

  &__overlay {
    width   : 100%;
    height  : 500px;

    @extend %m_border;
    position: relative;

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

  &__overlayImage {
    width     : 100%;
    height    : 100%;

    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 1;

    cursor    : pointer;

    transition: opacity .3s ease;

    &.disapear {
      pointer-events: none;

      opacity       : 0;

      z-index       : -1;
    }
  }

  &__player {
    display      : block;

    position     : absolute;
    top          : calc(50% - 23px);
    left         : calc(50% - 23px);

    width        : 46px;
    height       : 46px;

    @extend %m_border;
    border-radius: 50%;

    z-index      : 3;

    &:after {
      content : '';
      @include triangle(right, $black, 15px, 10px);

      position: absolute;
      top     : calc(50% - 10px);
      left    : calc(50% - 5px);
    }
  }

}