.insight-project-video {
    overflow: hidden;
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);

    a {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;

        &:before {
            content: '';
            width: 100px;
            height: 100px;
            @include border-radius(50px);
            background-color: $color__primary;
            opacity: .3;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 97;
        }

        &:after {
            content: '\f215';
            font-family: Ionicons;
            color: #fff;
            font-size: 24px;
            width: 80px;
            height: 80px;
            line-height: 80px;
            @include border-radius(40px);
            background-color: $color__primary;
            text-align: center;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 98;
        }

        img {
            display: block;
            width: 100%;
            height: auto;
            @include transit();
            z-index: 96;
        }

        .time {
            font-size: 14px;
            font-weight: 400;
            font-family: $font__second;
            color: #fff;
            position: absolute;
            bottom: 30px;
            right: 30px;
            display: inline-block;
            line-height: 1;
        }
    }

    &:hover {
        img {
            transform: scale(1.1);
        }
    }
}