#gallery{
	clear:both;
	margin:29px 0 0 0;
	overflow:hidden;
	height:700px;
	}

.photo {
	width:700px; 
	margin:0 auto;
	 }

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

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

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

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

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

.photo ul.topic li.active ul{
	display:block; 
	position:absolute;
	left:0; 
	top:31px;
	list-style:none; 
	padding:0; 
	margin:0; 
	background:#C4E0F9; 
	width:600px; 
	padding:40px 40px; 
	border:15px solid #235EB2; 
	z-index:1;
	}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul{
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	background:#7FB0DC; 
	width:600px; 
	padding:40px 40px; 
	border:15px solid #0E4798; 
	z-index:100;
	} 

.photo ul.topic li ul li{
	display:inline; 
	width:145px; 
	height:120px;
 	float:left; 
	margin:1px;
	}

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

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

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover{
	white-space:normal; 
	position:relative;
	}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img{
	position:absolute; 
	width:300px; 
	height:200px; 
	border-color:#fff;
	}