/*==== HTML Sample
<div id="photo-galery" class="photo-galery">
	<div class="galery-items">
		<div class="arr l-arr"></div>
		<div class="arr r-arr"></div>
		<!-- сюда будут вставляться изображения -->
	</div>
</div>
*/

div.photo-galery {width:100%;height:150px;padding:20px;text-align:center;}
div.photo-galery div.galery-items {position:relative;overflow:hidden;height:inherit;}
div.photo-galery div.galery-items div.arr {z-index:2;position:absolute;width:60px;cursor:pointer;top:0;}
div.photo-galery div.galery-items div.l-arr {background:transparent url(/img/design/galery/l-arr.png) left center no-repeat;left:10px;}
div.photo-galery div.galery-items div.r-arr {background:transparent url(/img/design/galery/r-arr.png) left center no-repeat;right:10px;}
div.photo-galery div.galery-items div.l-arr:hover {background:transparent url(/img/design/galery/l-arr.png) -60px center no-repeat;}
div.photo-galery div.galery-items div.r-arr:hover {background:transparent url(/img/design/galery/r-arr.png) -60px center no-repeat;}

div.photo-galery div.galery-item {position:absolute;border:1px solid #60b5e5;overflow:hidden;}
div.photo-galery div.galery-item img {height:inherit;}
div.photo-galery div.galery-item:hover {cursor:pointer;border:1px solid #005585;}