/**
 * Style sheet gallery_style
 */
/* slides styling */
.photo
{
	width:635px;
	position:relative;
	margin:0px 0px 0px 55px;
	text-align:left;
}

.photo a
{
	color:#000;
}

.photo a:hover
{
	text-decoration:none;
}

.photo a:visited
{
	color:#000;
}

.photo ul.topic
{
	width:635px;
	height:auto;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	z-index:10;
}

.photo ul.topic li
{
	width:125px;
	height:31px;
	float:left;
	display:block;
}

.photo ul.topic li a.set
{
	width:124px;
	height:30px;
	display:block;
	text-align:center;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:0px solid #fff;
	border-left:0px solid #fff;
	font-family:verdana, arial, sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#000;
	line-height:30px;
	background:#ccc;
}

.photo ul.topic li a ul, .photo ul.topic li ul
{
	display:none;
}

.photo ul.topic li.active a
{
	color:#000;
	background:#bbb;
}

.photo ul.topic li a:hover, .photo ul.topic li:hover a
{
	color:#fff;
	background:#aaa;
}

.photo ul.topic li.active ul
{
	width:464px;
	height:375px;
	left:0px;
	top:31px;
	position:absolute;
	display:block;
	margin:0;
	padding:40px 60px;
	border:20px solid #bbb;
	list-style:none;
	background:#ddd;
	z-index:1;
}

.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{
	width:464px;
	height:375px;
	left:0px;
	top:31px;
	position:absolute;
	display:block;
	margin:0;
	padding:40px 60px;
	border:20px solid #aaa;
	list-style:none;
	background:#ddd;
	z-index:100;
}

.photo ul.topic li ul li
{
	width:112px;
	height:87px;
	float:left;
	display:inline;
	margin:1px;
	border:1px solid #fff;
}

.photo ul.topic li ul li a
{
	width:110px;
	height:85px;
	float:left;
	display:block;
	border:1px solid #888;
	text-decoration:none;
	cursor:default;
	background:#444;
}

.photo ul.topic li ul li a img
{
	width:100px;
	height:75px;
	display:block;
	border:5px solid #eee;
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover
{
	position:relative;
}

.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img
{
	width:200px;
	height:150px;
	left:-50px;
	top:-32px;
	position:absolute;
}