title: fancybox gallery overlapped with Youtube player at the same page
body: <p>At this page,</p>
  
  <p><a href="http://nynj.ocef.org/2013concert_1.php" rel="nofollow">http://nynj.ocef.org/2013concert_1.php</a></p>
  
  <p>I have a fancybox gallery at the right, and a youtube iframe at the left. When I click at one of the thumnail photos in the gallery, a fancybox pops up to show the large photo, and I can navigate through the whole gallery. However, when the photo changes from current to the next, it's overlapped (or partly blocked) by the Youtube player at the right. </p>
  
  <p>This happens to IE and Firefox, but in Chrome it's fine.</p>
  
  <p>The fancybox gallery's z-index is 8040, and fancybox's overlay's z-index is 8010; I tried to set the youtube iframe's z-index to 1, but it didn't help. </p>
  
  <p>Your help is very much appreciated!</p>