﻿.popup {
	position: absolute;
	width: 60%;
	left: 10%; top: 20%;

	z-index: 2;
	visibility: hidden;
}
		.closeEl {
			cursor: pointer; cursor: hand;
		}
			.closeEl:hover {
			}
		
	
#overall {
	position: fixed;
	visibility: hidden;
	
	left: 0;
	top: 0;
	
	overflow: hidden;

	height: 99.9%; /* вот это полный трындец. если поставить 100% IE6 будет вылетать с ошибкой. */
	width: 100%;
	
	background-image: url('../../i/over-bg.gif');

	z-index: 1000;
}
	* html #overall {
		position: absolute;
		top: expression(document.getElementsByTagName('body')[0].scrollTop + 'px');
	}



.photo-zoom {
	position: absolute;
	display: none;
	visibility: hidden;
	
	z-index: 2;
	
	left: 50%;
	top: 50%;
	
	margin-left: -50%;
	
	padding: 8px;
	padding-bottom: 6ex;
	background-color: #fff;
}
	.photo-zoom div {
		position: relative;
	}
	.photo-zoom .title {
		display: block;
		position: absolute;
		bottom: 1ex;
		padding: 1ex 3em 1ex .5em;
		
		font-style: italic;
	}

