How to open Fancybox above menu

Question

I’m having a hard time opening one lightbox Fancybox the same is getting below my menu, I changed the position of the same, but I did not like the result, it became strange, but I could not leave it opening up.

The page with the effect is this: Page with Lightbox

I tried to alter the opening of the same by z-index, but without success:

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10020;
    margin-top:35px;
}

Answer 1

I managed to solve the problem I had, I changed the following files:

css style.

header {
    position: fixed;
    top: 0;
    width: 100%;
    // ALTEREI AQUI
    z-index: 1000;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    /*outline: #00FF00 dotted thick;*/
}

jquery.fancybox.css

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    // ALTEREI AQUI
    z-index: 1000000;
    margin-top:35px;
}