#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:rgba(0,0,0,.85); opacity: 0.85; filter: alpha(opacity = 85);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;}
.cboxIframe{}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#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;}
#cboxClose {
    position:absolute;
    top:-18px;
    right:-18px;
    display:block;
    width:37px;
    height:37px;
    border-radius: 37px;
    background: #ed4757; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ed4757 0%, #dd4c76 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ed4757 0%,#dd4c76 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ed4757 0%,#dd4c76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed4757', endColorstr='#dd4c76',GradientType=1 );
    font-size: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
#cboxClose:hover {
    background: #36e5d0; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #36e5d0 0%, #36b5d0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #36e5d0 0%,#36b5d0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #36e5d0 0%,#36b5d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36e5d0', endColorstr='#36b5d0',GradientType=1 );
    -webkit-transform: rotate(-90deg);
    transform: rotate(90deg);
}
#cboxClose::before{content: ""; position: absolute; left: 18px; top: 12px; width: 2px; height: 14px; background-color: #fff; transform: rotate(-45deg);}
#cboxClose::after{content: ""; position: absolute; left: 12px; top: 18px; width: 14px; height: 2px; background-color: #fff; transform: rotate(-45deg);}

@media all and (max-width: 479px){    
    #cboxClose { top: -14px; right: -14px; width: 28px; height: 28px; border-radius: 28px; }
    #cboxClose::before { left: 13px; top: 7px; }
    #cboxClose::after { left: 7px; top: 13px; }
}