a:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}
a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}
a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}
a:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-decoration: none;
}

.h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:23px;
color:#333333;
line-height: 1.7em;
}

.h1a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
line-height: 1.1em;
}

.h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#FFFFFF;
}


.h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#FFFFFF;
line-height: 1,;
}

.h4 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
font-weight:bold;
}

.text {   font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
line-height:20px;
}


.h1zz {
	border: 1px solid #999999;
}

<script>!window.jQuery && document.write('><script src="jquery-1.4.3.min.js"><\/script>');
	</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
		$(document).ready(function() {
	
			$("a[rel=example_group8]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});
			
						$("a[rel=example_group2]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
			});		
			
					$("a[rel=example_group3]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
			});	
			
									$("a[rel=example_group4]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
			});	

									$("a[rel=example_group5]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
			});	

									$("a[rel=example_group6]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
								});
															$("a[rel=example_group7]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
							}
			});	
			
			
		});
	</script>