<script>
$(document).ready(function(){
$.colorbox({inline:true, width:"50%", href:"#inline"});
jQuery("#close").click(function () {
parent.jQuery.colorbox.close();
});
});
</script>
<!-- This contains the hidden content for the popup -->
<div style='display:none'>
<div class="inline" id='inline' style='padding:10px; background:#f2f2f2;'>
<h3 align="center">Title</h3>
<h3 align="center">Text</h3>
<!-- This is the close button leave in place. You can tweak the positioning if needed-->
<span class="close" id="close" style="padding:15px 15px 10px 0px; position:absolute; bottom:0; right:0;"><a href="#">Close</a></span>
</div>
</div>