#zz_frame::before {
            content:  '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: fixed;
            background: rgb(0 0 0 / 69%);
            z-index: -1;
        }
        #zz_frame {
            top: 20%;
            left: 0;
            width: 80%;
            height: 90%;
            position: absolute;
            z-index: 999;
        }
        #zz_media {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            margin: 0 auto;
            max-width: 500px;
            display: inline-block;
        }
        #zz_media img {
            width: 100%;
            box-shadow: 0px 0px 20px 1px rgb(0,0,0);
        }
        #zz_frame .zz_close {
            color: #fff;
            position: absolute;
            right: 10%;
            top: 10px;
            font-size: 26px;
            background: transparent;
            border: 0;
            border-radius: 50%;
            cursor: pointer;
        }
        #zz_frame .zz_controls {
            color: #fff;
            position: absolute;
            left: 10px;
            top: 10px;
        }
        #zz_frame .zz_controls button {
            background: #000;
            border: 0;
            color: #fff;
            padding: 8px;
            margin-right: 5px;
			display:none;
        }