[data-video-link] {
    position: relative;
}

[data-video-link]::before, .news-detail__bigphoto-video::before {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4);
}

[data-video-link]::after, .news-detail__bigphoto-video::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABJlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////jEg1EAAAAYXRSTlMAImObw+XwnBBxzwyF8d6hZTwbU7NSCJ23PpnC+HD8ERPTJirS0MjGHMUJl80Z/ixUDudv6bVykwNRtg0hHmSiNvZ5xOMdnwbkD8AS8jhgaJ4k2yW0bv0rVZgYFOayoN0jYv5s5wAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAHXSURBVDjLlZWJdtJAFIYvMWFJWZpAS9EitQLaSisU6gKKVpSKW23d27p87/8SBtCeLJMQ7jk5Z/LPd5I7d2b+K+KNhHZNN5IkDT2lJSQi0hkTd5iZdAi5ks1BvrBq2WlJ25ZWyEMuu6JCiwaU1jzSWgmMYoBcL8NGJSBXNuD6ui/TG2xWlZlVb6LX3MKWya3tkGXcrtPYciXQ5M7d0OrYOzR3r97u0dqLKOVei/JVBdi/H1V22d6kPR91DqhKdHTpdWaDLIeyKA7JzsqVpLKQrZCcbvcDSl794SMFXJrlafLYK9MfBNkipsgT8j4Z6k+DcJ6EDHkWYDl4HmALDCWFFmQ5avtZjZToWAqW/Rc+1WIkL3mlYmF87FFtXkuOiZrlzVu32uGdMyMhrG87HXCZ78bP15BRzDq8pxm7vh8Yy4nzxNm3j5zIKWcBVnUezvi01Dlb6vwucy9i3bfP8/smnR7dBegXev92t83Xb5Go4w/f/49/0DqPQM9dviO7TXbsUNTrZ3LRoH4agk598sIt1HSO1Avs+v3XsdUx9BW+3g/6+rQal/Az2C8u26q/DeZ9SLPsiUycPvTr97QPDUQdtUzD098aof1tFolhamTkyBmj8vCPb+4vNq9zRpJIoMcAAAAASUVORK5CYII=) no-repeat center center;
    opacity: 0.5;
    pointer-events: none;
    transition-duration: 0.2s;
    pointer-events: none;
    z-index: 2;
}

[data-video-link]:hover::after, .news-detail__bigphoto-video:hover::after {
    opacity: 1;
}

@media (min-width: 10px) and (max-width: 1279px) {
    [data-video-link]::before, .news-detail__bigphoto-video::before {
        left: 5px;
        right: 5px;
    }

    [data-video-link]::after, .news-detail__bigphoto-video::after {
        opacity: 1;
    }
}