@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url("images/fancybox/fancybox_sprite@2x.png");
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }

        #fancybox-loading div {
            background-image: url("images/fancybox/fancybox_loading@2x.gif");
            background-size: 24px 24px;
            /*The size of the normal image, half the size of the hi-res image*/
        }
}