title: Fancybox 2.1 Overlay fade in (speedIn) not working properly/bumpy
body: <p>bit of a novice when it comes to JS and CSS, and have been trying to sort out my problem for a few days now, hopefully someone can help me out...</p>
  
  <p>I've just updated from Fancybox 2.0.5 to 2.1.0.  When the iframe opens to show a video from Vimeo, the overlay, which is set to fade in (speedIn at 1000), comes in at 100% instead of a fading in. And just before the iframe is finished loading, the overlay briefly flashes off and on again. Through the helpers I'm able to control speedOut, opacity and color, but NOT the speedIn of the overlay.</p>
  
  <p>I've tried it in Safari (v5.1.2) and Firefox (v12) on my mac and both have got the same problem. Here's a link to the website I'm working on. (click the image):</p>
  
  <p><a href="http://www.steinstie.com/Test/index.html" rel="nofollow">http://www.steinstie.com/Test/index.html</a></p>
  
  <p>Any ideas would be much appreciated!</p>
  
  <p>Here's the code for the helpers:</p>
  
  <pre><code>$(document).ready(function() {
          $(".fancybox-iframe").fancybox({
              openEffect  : 'fade',
              closeEffect : 'fade',
              openSpeed   : 1000,
              closeSpeed  : 1000,
              padding     : 0,
              width       : 600,
              height      : 360,
              type        : 'iframe',
              autoSize    : false,
              fitToView   : false,
              // NICK H
              afterLoad: function(){
                    this.title = $(this.element).next('.newTitle').html();
              },
              // END NICK H
              helpers: {
              overlay: {
                      speedIn: 1000, //&lt;-- here you control the overlay speedIn
                      speedOut: 1000,//&lt;-- here you control the overlay speedOut
                      css: {'background' : 'rgba(0, 0, 0, 0.6)'}
                      }, // overlay
  
                  title : {
                      type : 'inside'
                  }
  
                      } // helpers
          });
      });
  </code></pre>