﻿.zoomMain {
	display: inline-block;
}
.zoomFrame {
	float: left;
	position: relative;
	overflow: hidden;
}

.zoomFrameFS {
	position: fixed;
	left: 0px;
	top: 0px;
	background: black;
	z-index: 30;
	text-align: center;
}

.zoomFrame, .zoomFrameFS {
	width:  100%;
	height: 100%;
	cursor: pointer;
	cursor: url('template/zoom.cur'),pointer;
	cursor: url('zoom.png') 22 18, url('template/zoom.cur'), pointer;
}

.zoomDivLoading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background-image: url('zoom_loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 50;
}
.zoomDivZ {
	width: 100%;
	height: 100%;
	position: absolute;
	left:	0px;
	top:	0px;
	z-index: -10;
	display: hidden;
}
.zoomDivZ img {
	border: 1px solid #1e64a3;
}
.zoomDivFS {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 20;
	cursor: pointer;
	display: none;
}
.zoomBorder {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.zoomBorderTop, .zoomBorderBottom, .zoomBorderLeft, .zoomBorderRight {
	position: absolute;
	width: 1px;
	height: 1px;
	background: #1e64a3;
	z-index: 100;
}

.zoomBorderTop {
	top: 0px;
	left: 0px;
	width: 100%;
}
.zoomBorderBottom {
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.zoomBorderLeft {
	top: 0px;
	left: 0px;
	height: 100%;
}
.zoomBorderRight {
	top: 0px;
	right: 0px;
	height: 100%;
}
