 <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>



        <style type="text/css">
        /* jQuery lightBox plugin - Gallery style */
        #gallery {
                background-color: #ffffff;
                padding: 10px;
                width: 600px;
        }
        #gallery ul { list-style: none; }
        #gallery ul li { display: inline; }
        #gallery ul img {
                border: 5px solid #cccccc;
                border-width: 5px 5px 20px;
        }
        #gallery ul a:hover img {
                border: 5px solid #3f3f3f;
                border-width: 5px 5px 20px;
                color: #fff;
        }
        #gallery ul a:hover { color: #cccccc; }
        </style>

