#divGallery .mySlider {
            height: 200px;
            padding: 1%;
            margin: 1%;
            background-size: auto 200px;
            background-position: center;
            filter: grayscale(80%);
            transition: all 1s;
        }

            #divGallery .mySlider:hover {
                background-size: auto 300px;
                filter: grayscale(0%);
                cursor: zoom-in;
                transition: all 1s;
            }

        #divGallery .SliderPic {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.7);
            z-index: 99999999;
        }

            #divGallery .SliderPic .close {
                color: white;
                font-size: 40px;
                top: 5px;
                right: 10px;
                direction: rtl;
                cursor: pointer;
                text-shadow: 1px 1px 1px #555;
                position: fixed;
                z-index: 99999;
            }

        .PicBox {
            width: 90%;
            height: 90%;
            top: 5%;
            left: 5%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            position: absolute;
        }

            .PicBox img {
                position: relative;
                vertical-align: central;
                margin: 0 auto;
                width: 90%;
                border-radius: 5px;
                background-color: #fff;
                border: solid 5px #fff;
                box-shadow: 0 0 5px #fff;
            }