div#lightboxcontrols {
    height: 30px;
}

iframe#lightboxiframe {
    width: 100%;
    height: 90%;
    border: none;
    /*position:relative;
    top:10px;*/
}

div#lightboxcontainer {
    width: 80%;
    left: 10%;
    background-color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 5%;
    height: 90%;
    z-index: 1010;
}

div#lightboxcontainer.small {
    width: 60%;
    left: 20%;
    top: 10%;
    height: 70%;
}

@media all and (max-width: 1000px) {
    div#lightboxcontainer {
        width: 90%;
        left: 5%;
    }

    div#lightboxcontainer.small {
        width: 65%;
        left: 18%;
    }
}

@media all and (max-width: 750px) {
    div#lightboxcontainer.small {
        width: 75%;
        left: 12%;
    }
}

@media all and (max-width: 500px) {
    div#lightboxcontainer {
        width: 90%;
        left: 5%;
    }
}