/*
	image viewer
*/
#imageViewer {
	position:fixed;
	top:0px; left:0px;
	width:100%;
	height:100%;
	/* for IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:url('/media/image/empty_image.gif');
	background-repeat:no-repeat;
	background-position:top right;
	/* for modern browser */
	background-color:rgba(0, 0, 0, 0.5);
	z-index:1101;
	cursor:pointer;
	overflow-y:auto;
}
#imageViewer .outer_box {
	position:relative;
	border:1px solid #c2c2c2;
	background-color:#eceeed;
	margin:50px auto 0px;	
	padding:8px 0px;
	width:888px;
	z-index:1002;
	cursor:default;
}
#imageViewer .outer_box .box_crossline {
	position:absolute;
	width: 9px; height:8px;
	overflow:hidden;
	background-color:transparent;
}
#imageViewer .outer_box .btn_close {
	position:absolute;
	top: 14px; right: 3px;
	width:14px; height:14px;
	background-image: url('../image/bases/btn_close.png');
	cursor:pointer;
}
#imageViewer .outer_box .btn_close:hover {
	background-image: url('../image/bases/btn_close_hover.png');
}
#imageViewer .outer_box .box_crossline.upper {
	top:0px; left:0px;
	background-image: url('../image/bases/box_upper_crossline.png');
}
#imageViewer .outer_box .box_crossline.lower {
	bottom:0px; left:0px;
	background-image: url('../image/bases/box_lower_crossline.png');
}
#imageViewer .content {		
	margin: 0px -1px 0px 9px;
	border:1px solid #c2c2c2;
	background-color: white;
	border-right:none;
	min-height:540px;
}
#imageViewer .content .showimage_canvas {
	width: 879px;
	height: 500px;
	background-color: #EEE;
}
#imageViewer .content .showimage_canvas .cur_image {
	width: 738px;
	height: 500px;
	margin: 0px 70px;
	overflow-x: hidden;
	overflow-y: auto;
}
#imageViewer .content .showimage_canvas .cur_image .canvas {
	width: 738px;
	height: 500px;
	background-color: #EEE;
}
#imageViewer .content .showimage_canvas .cur_image .canvas img {
	display:block;
	margin:auto;
	position:relative;
}
#imageViewer .content .pointer {
	width: 70px;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#imageViewer .content .pointer.left {
	float: left;
	background-image:url('/media/image/btn_prev.png');
}
#imageViewer .content .pointer.left.disabled {
	background-image:url('/media/image/btn_prev_disabled.png');
	cursor: default;
}
#imageViewer .content .pointer.left:hover {
	background-image:url('/media/image/btn_prev_hover.png');
}
#imageViewer .content .pointer.left.disabled:hover {
	background-image:url('/media/image/btn_prev_disabled.png');
	cursor: default;
}
#imageViewer .content .pointer.right {
	float: right;
	background-image:url('/media/image/btn_next.png');
}
#imageViewer .content .pointer.right.disabled {
	background-image:url('/media/image/btn_next_disabled.png');
	cursor: default;
}
#imageViewer .content .pointer.right:hover {
	background-image:url('/media/image/btn_next_hover.png');
}
#imageViewer .content .pointer.right.disabled:hover {
	background-image:url('/media/image/btn_next_disabled.png');
	cursor: default;
}
#imageViewer .content .showimage_pagination {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#imageViewer .content .showimage_pagination_div {
	overflow: hidden;
	display: inline-block;
}
.ie7 #imageViewer .content .showimage_pagination_div {
	display: inline;
}
#imageViewer .content .showimage_pagination .page {
	height: 80px;
	position:relative;
	float: left;
	margin:1px 1px 0px 0px;
}
#imageViewer .content .showimage_pagination .page:hover {
	cursor:pointer;
}
#imageViewer .content .showimage_pagination .page:hover .page_wrapper {
	display:none;
}
#imageViewer .content .showimage_pagination .page .page_wrapper {
	width:100%; height:100%;
	position:absolute;
	top:0px; left:0px;
	/* for IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:url('/media/image/empty_image.gif');
	/* for modern browser */
	background-color:rgba(0, 0, 0, 0.5);
	z-index:2;
}
#imageViewer .content .showimage_pagination .page img.page_image {
	height:100%;
}
#imageViewer .content .showimage_pagination .page.current {
}
#imageViewer .content .showimage_pagination .page.current .page_wrapper {
	display:none;
}