#fisheye{
margin-bottom:-25px;
}
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
	white-space:nowrap;
	width:400px;
	display:none;
  margin:auto;
}

a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 25;
}
a.fisheyeItem2
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 60px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
		z-index :0;
}
.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
	z-index :0;
}
.fisheyeItem span,
.fisheyeItem2 span
{
text-align: center;
	display: none;
	position: absolute;
	font-size:17px;
	color:#6699cc;
	white-space:nowrap;
	z-index :1;
}
.fisheyeContainter
{
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
</style>
<script type="text/javascript">
$('.submenu a[@href="<?=$uri?>"]').css('color', '#69C').css('text-decoration', 'none').css('font-weight', 'bold');
$(document).ready(function(){
$('#fisheye').show();
$('#fisheye').Fisheye(
	{
		maxWidth: 50,
		items: 'a',
		itemsText: 'span',
		container: '.fisheyeContainter',
		itemWidth: 60,
		proximity: 40,
		halign : 'center'
	}
);});