/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:hidden !important}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000}

#colorbox{}
    #cboxContent{margin-top:20px}
        #cboxLoadedContent{padding:0}
        #cboxTitle{position:absolute;top:-20px;left:0;color:#ccc;display:none !important}
        #cboxCurrent{position:absolute;top:-20px;right:0px;color:#ccc}
        #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}
        #cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;width:28px;height:65px;text-indent:-9999px}
        #cboxPrevious.hover{background-position:bottom left}
        #cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;width:28px;height:65px;text-indent:-9999px}
        #cboxNext.hover{background-position:bottom right}
        #cboxLoadingOverlay{background:#fff}
        #cboxLoadingGraphic{background:url(../_img/loading.gif) center center no-repeat}
        #cboxClose{position:absolute;top:5px;right:15px;display:block;background:url(../_img/colorbox/btn_fechar.gif) 50% 50% no-repeat;width:91px;height:28px;text-indent:-9999px}
        #cboxClose.hover{}

#cboxContent,
#cboxLoadedContent{height:auto !important}