I have fancybox setup on this wordpress site: http://melisayavas.com/web/ When a user click on the bottom link News subscription the ajax pop-up box appears but the overlay doesn't float over the main content.

This is the fancybox code that I used:

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});

$(document).ready(function() {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : true,
    width       : '70%',
    height      : '70%',
    autoSize    : true,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
});
});
</script>

This is the link that the fancybox AJAX is shouwing: http://melisayavas.com/web/wp-content/themes/murtaugh-HTML5-Reset-Wordpress-Theme-8aa6329/subscribe.html - it's a mailchimp form.

I have no idea why the overlay doesn't work properly...