@charset "utf-8";
/* 代码整理：时代Java NowJava.com */
body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: "Georgia", serif;
}
#galleryContainer {
	width: 100%;
	height: 800px;        /* Image height + 200px */
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	z-index: 1;
}
#gallery {
	width: 100px;
	height: 700px;        /* Image height + 100px */
	padding: 50px 0;
	position: absolute;
	z-index: 1;
}
#gallery img {
	float: left;
	height: 600px;
	margin: 0 100px;      /* Adjust the left/right margin to show greater or fewer slides at once */
	-webkit-box-reflect:
 below 0 -webkit-gradient( linear, left top, left bottom, color-stop(1, rgba(255, 255, 255, .5)), color-stop(.8, rgba(255, 255, 255, 0)) );
}
#leftButton, #rightButton {
	position: absolute;
	z-index: 2;
	top: -100px;
	bottom: 0;
	padding: 0;
	margin: auto 0;
	width: 15%;
	height: 600px;        /* Image height */
	border: none;
	outline: none;
	color: #fff;
	background: transparent url(../images/blank.gif);
	font-size: 100px;
	font-family: "Courier New", courier, fixed;
	opacity: 0;
	filter: alpha(opacity=0);
 -webkit-transition: opacity .5s;
 -moz-transition: opacity .5s;
 -o-transition: opacity .5s;
 transition: opacity .5s;
}
#leftButton {
	left: 0;
}
#rightButton {
	right: 0;
}
 #leftButton::-moz-focus-inner, #rightButton::-moz-focus-inner {
 border: none;
}
#leftButton:hover, #rightButton:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	outline: none;
}
#caption {
	position: absolute;
	z-index: 2;
	bottom: 90px;
	width: 100%;
	color: #ffc;
	text-align: center;
	font-family: "Georgia", serif;
	font-size: 24px;
	letter-spacing: .1em;
	display: none;
}
#loading {
	position: absolute;
	z-index: 1;
	bottom: 50%;
	width: 100%;
	color: #ffc;
	text-align: center;
	font-family: "Georgia", serif;
	font-size: 36px;
	letter-spacing: .1em;
	opacity: 0;
	filter: alpha(opacity=0);
}
/* 代码整理：时代Java NowJava.com */