title: transparent background for colorbox
body: <p>I would like to have transparent background for outside of colorbox modal. currently use the css style from this colorbox demo <a href="http://www.jacklmoore.com/colorbox/example4/" rel="nofollow noreferrer">http://www.jacklmoore.com/colorbox/example4/</a> . based on this answer <a href="https://stackoverflow.com/a/2760970/233933">https://stackoverflow.com/a/2760970/233933</a>, I could do transparent backgournd with:</p>
  
  <pre><code>$(".inline").colorbox({inline:true, width:"30%",
      onOpen: function() {
          // make the overlay visible and re-add all it's original properties!
          $('#cboxOverlay').css({
              'visibility': 'visible', 
              'opacity':0.5, 
              'cursor': 'pointer'
          });
          $('#colorbox').css({ 'visibility': 'visible' }).fadeIn(1000);
      }
  });
  </code></pre>
  
  <p>but I would like to have the transparent style for all my colorbox modals. I tried to edit the colorbox.css file to include:</p>
  
  <pre><code>#cboxOverlay{ visibility: visible; opacity: 0.5 }
  #colorbox{ visibility: visible }
  </code></pre>
  
  <p>but that doesn't change anything. your suggestion?</p>
  
  <p><strong>UPDATED</strong></p>
  
  <p>updated wording so it is clear that I want outside of the modal to be transparent.
  thanks!</p>