How to set different background dimming colors for different modal windows in fansybox?

Question

css

I use fansybox for modals.
There are 2 different modal windows on the page. When opening one overlay should be black, when opening the second, white.
There is a wrapCSS option, but it only affects the window itself, not the overlay.
How to be?
UPD: The problem is solved, but maybe. is there a more elegant solution?

Answer 1

The problem is solved in the following way.

$(document).ready(function() {
    $(".to-modal").fancybox({
        fitToView : false
    });
    $(".to-modal--emp").fancybox({
        fitToView : false,
        'beforeLoad' : function(){
            $('body').addClass('white');
        },
        'afterClose': function() {
            $('body').removeClass('white');
        }
    });
});

.white{
  .fancybox-overlay {
    background: url('../img/design/overlay--white.png');
  }
}