*{ margin:0; padding:0;}
html, body {
	height:100%;
	margin:0px;
	padding:0px;
	background:url(../images/bg.jpg);
}
.box {
	width:850px;
	height:auto;
	overflow:hidden;
	background:#666;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.box ul {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}
.box li {
	width:150px;
	height:100px;
	float:left;
	cursor:pointer;
	display:inline;
	margin:0 10px 10px 0;
	border:5px solid #333;
}
#bg {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:#000;
filter:alpha(opacity:50);
	opacity:0.5;
	display:none;
}
#bottom {
	width:215px;
	height:50px;
	position:absolute;
	left:50%;
	bottom:0px;
	margin:0 0 0 -107px;
	border:1px solid #232323;
	background:#444;
	padding:1px;
	z-index:1;
	display:none;
}
#bottom ul {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background:#000;
}
#bottom li {
	background:url(../images/ico.jpg) no-repeat;
	float:left;
	display:inline;
	margin:8px 0 0 18px;
	cursor:pointer;
}
#bottom li.prev {
	width:30px;
	height:33px;
	background-position:0 0;
}
#bottom li.next {
	width:30px;
	height:33px;
	background-position:-35px 0;
}
#bottom li.img {
	width:30px;
	height:33px;
	background-position:-106px 0;
}
#bottom li.close {
	width:31px;
	height:33px;
	background-position:-70px 0;
}
#frame {
	background:#fff;
	padding:3px;
	position:absolute;
	z-index:2;
	display:none;
filter:alpha(opacity:0);
	opacity:0;
	text-align:center;
}