Pop-up Colorbox

HTML

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css">
<div class='inline' href="#inline_content" style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff; color:#000;'>
			<p><strong>This content comes from a hidden element on this page.</strong></p>
			<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>	
			<p><strong>If you try to open a new Colorbox while it is already open, it will update itself with the new content.</strong></p>
			</div>
		</div>

JavaScript

$(document).ready(function(){
setTimeout(function(){
$(".iframe").colorbox({
                inline:true, 
                //width:"33%",
                width: 445,
                maxWidth: "98%",
                //initialHeight: 450,
                height: 460,
                scrolling: false,
                opacity: .5,
                open: true,
  })
}, 4500);
});