title: How to display fancybox title only on image hover
body: <p>I'm using the <a href="http://fancyapps.com/fancybox/" rel="nofollow">Fancybox plugin</a> for an image gallery, and I want to display the image titles only when the user hovers over the image. I cannot figure out what part of the code to modify in order to accomplish this. </p>
  
  <p>I've tried editing the CSS by adding <code>a :hover</code> state to the following: </p>
  
  <pre><code>.fancybox-title-over-wrap {
  }
  </code></pre>
  
  <p>and I've even tried playing with the CSS visibility settings here:</p>
  
  <pre><code>.fancybox-opened .fancybox-title {
  }
  </code></pre>
  
  <p>However, I've had no luck. </p>
  
  <p>Must I change something within the actual JS file? Any help would be tremendously appreciated!</p>