/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo"> 
Иначе увеличитель не будет работать в IE6 */

.imagelage {
	float: center;
	clear: none; /* Можно установить left или right по необходимости */
}
.imagelage1 {
	float: center;
	clear: none;
}

.imagelage a { 
	display:block;
	text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}
.imagelage1 a { 
	display:block;
	text-decoration: none;
}

.imagelage a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative; 
}
.imagelage1 a:hover{
 	position:relative; 
}

.imagelage span img {
	border: 2px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
	margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
}
.imagelage1 span img {
	border: 2px solid #FFFFFF;
	margin-bottom: 8px;
}

.imagelage a span {  /* Для большого изображения и названия */
	border: 1px solid #ccc;
        position: absolute;
	display:none; 
	color: #0000CD; /* Текст названия */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* Размер шрифта названия */
	background-color: #F7F8D6;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 11px;
	padding-left: 1px;
}
.imagelage1 a span {
	border: 1px solid #ccc;
        position: absolute;
	display:none; 
	color: #0000CD;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F7F8D6;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 11px;
	padding-left: 1px;
}

.imagelage img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}
.imagelage1 img {
border-width: 0;
}

.imagelage a:hover span { 
	display: block;
	top: 30px;
	left: 20px;
	z-index: 100;
	cursor:default;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}
.imagelage1 a:hover span { 
	display: block;
	top: 30px;
	left: 20px;
	z-index: 100;
	cursor:default;
}

.resize_thumb {
	width: 33px; /* Вводим нужный размер миниатюры здесь */
        height : auto;
}
.resize_thumb1 {
	width: 100px; /* Вводим нужный размер миниатюры здесь */
        height : auto;
}
