#lightbox
{
    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.75);

    position: fixed;

    z-index: 401;

    display: none;

    text-align: center;

    line-height: 100vh;

    background-image: url("../images/spinner.gif");

    background-position: center center;

    background-repeat: no-repeat;
}

#picture
{
    vertical-align: middle;

    margin: 0 auto;

    max-width: 80%;

    max-height: 80%;

    z-index: 402;
}

#close
{
    position: fixed;

    width: 40px;

    height: 40px;

    cursor: pointer;

    background-image: url("close.png");

    background-repeat: no-repeat;

    background-size: 40px 40px;

    background-position: center center;

    display: none;
}

#text
{
    background-color: rgba(0, 0, 0, 0.75);

    color: #ffffff;

    font-family: font2;

    font-size: 18px;

    min-height: 55px;

    line-height: 55px;

    text-align: center;

    position: fixed;

    display: none;
}

#prev, #next
{
    height: 40px;

    width: 40px;

    position: fixed;

    cursor: pointer;

    display: none;
}

#prev
{
    background-image: url("prev.png");

    background-repeat: no-repeat;

    background-size: 40px 40px;

    background-position: center center;
}

#next
{
    background-image: url("nex.png");

    background-repeat: no-repeat;

    background-size: 40px 40px;

    background-position: center center;
}