花式盒子叠加

Question

如何使用叠加层来处理花式框？我正在使用下面的代码，我把它放在一起，我对jquery的理解很少。我让盒子弹出正常，但背景中没有任何东西。我知道我需要一些简单的代码，但由于某些原因我找不到它或者我忽略了它。将非常感谢帮助。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery  /1.7/jquery.min.js"></script>

<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.0.5"></script>

<!-- fancyBox buttons -->
<link rel="stylesheet" href="css/jquery.fancybox-buttons.css?v=2.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="../js/jquery.fancybox-buttons.js?v=2.0.5"></script>

<!-- fancyBox thumbnails -->
<link rel="stylesheet" href="css/jquery.fancybox-thumbs.css?v=2.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.5"></script>

<script type="text/javascript">

$(document).ready(function() {
     $(".vimeo").fancybox({
         width: 700,
         height: 393,
         type: 'i frame',
         'autoScale': false,
         'autoDimensions': false,
         'transitionIn' : 'fade',
         'transitionOut' : 'fade',
         'transitionIn' : 'elastic',
         'transitionOut' : 'elastic',
         'speedIn' : 600, 
         'speedOut' : 200, 
         'overlayColor' : '#E71313'
     });

     $("#various1").fancybox({
                               'title Position' : 'inside',
                               'transitionIn' : 'none',
                               'transitionOut' : 'none',
                               'transitionIn' : 'elastic',
                               'transitionOut' : 'elastic',
                               'speedIn' : 600, 
                               'speedOut' : 200,
                               'overlayColor' : '#E71313'
     });
});

</script>
</body>