title: Controlling Colorbox position inside an iframe
body: <p>I have a page with an embedded iframe. The iframe is quite long and extends beyond the viewport.</p>
  
  <p>Inside the iframe I have a long list of text with links. I'm using Colorbox to display an overlay when one of the links is clicked. Because the content of the iframe is so long, the overlay is not always visible as it's being vertically positioned in the center of the iframe rather than the center of the parent viewport.</p>
  
  <p>Can anyone tell me how to display the overlay relative to the viewport or at least relative to the link that's been clicked?</p>