@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

.details{
	width: 100%;
	height: 100%;
	background: url(images/bg2.jpg) no-repeat center top;
	background-size: auto 100%;
	position: relative;
	overflow: hidden;
}

.topic5{
	position: absolute;
	width: 14.8%;
	height: 23.1%;
	right: 23%;
	top: 2.7%;
	background: url(images/topic5.png) no-repeat center center;
	background-size: contain;
	z-index: 7;
}

.show{
	position: absolute;
	width: 35.4%;
	height: 91.6%;
	top: 3.5%;
	left: 23.5%;
	border-left: 1px solid #fff;
	overflow-y: scroll;
	z-index: 8;
}

.show img{
	width: 100%;
	max-height: none;
}

.close{
	position: absolute;
	width: 1.4%;
	height: 2.7%;
	background: url(images/close.png) no-repeat center center;
	background-size: contain;
	top: 3.8%;
	left: 61.2%;
	transition: opacity 0.2s;
	z-index: 9;
}

.close:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.bg-photo{
	position: absolute;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#bg-photo01{ width: 38.2%; height: 58.3%; left: 48.7%; top: 19.2%; background-image: url(images/01d.png); }

#bg-photo02{ width: 23.4%; height: 70%; left: 55.7%; top: 28.2%; background-image: url(images/02d.png); }

#bg-photo03{ width: 18.5%; height: 59.2%; left: 60.6%; top: 30.5%; background-image: url(images/03d.png); }

#bg-photo04{ width: 26%; height: 71.1%; left: 54.8%; top: 26.3%; background-image: url(images/04d.png); }

#bg-photo05{ width: 36.5%; height: 54.4%; left: 43.1%; top: 30.5%; background-image: url(images/05d.png); }

#bg-photo06{ width: 27.2%; height: 72%; left: 57.5%; top: 24.7%; background-image: url(images/06d.png); }

#bg-photo07{ width: 33.4%; height: 56%; left: 42.2%; top: 31.2%; background-image: url(images/07d.png); }

#bg-photo08{ width: 17%; height: 62.4%; left: 59.4%; top: 28.8%; background-image: url(images/08d.png); }

#bg-photo09{ width: 19.6%; height: 58.5%; left: 58.7%; top: 31.9%; background-image: url(images/09d.png); }

#bg-photo10{ width: 32.6%; height: 60.6%; left: 57.7%; top: 21.3%; background-image: url(images/10d.png); }

#bg-photo11{ width: 46%; height: 59.2%; left: 35%; top: 31.8%; background-image: url(images/11d.png); }

#bg-photo12{ width: 31.3%; height: 46%; left: 52.2%; top: 35.3%; background-image: url(images/12d.png); }

#bg-photo13{ width: 28.3%; height: 55.6%; left: 55.9%; top: 31.6%; background-image: url(images/13d.png); }

#bg-photo14{ width: 35.9%; height: 70.8%; left: 52.4%; top: 29.1%; background-image: url(images/14d.png); }

#bg-photo15{ width: 23.5%; height: 73.2%; left: 58.3%; top: 26.8%; background-image: url(images/15d.png); }

#bg-photo16{ width: 28.3%; height: 71.6%; left: 50.8%; top: 28.4%; background-image: url(images/16d.png); background-position: center bottom; }

#bg-photo17{ width: 40.4%; height: 69.2%; left: 50%; top: 28.4%; background-image: url(images/17d.png); }

#bg-photo18{ width: 19.6%; height: 66.6%; left: 58.9%; top: 30.5%; background-image: url(images/18d.png); }

#bg-photo19{ width: 25.1%; height: 70.2%; left: 57.6%; top: 29.7%; background-image: url(images/19d.png); }

#bg-photo20{ width: 19.5%; height: 70%; left: 58.6%; top: 27.3%; background-image: url(images/20d.png); }

#bg-photo21{ width: 24.2%; height: 57.6%; left: 59.4%; top: 30.5%; background-image: url(images/21d.png); }

#bg-photo22{ width: 30.5%; height: 62.4%; left: 53.6%; top: 34.4%; background-image: url(images/22d.png); }

#bg-photo23{ width: 27.2%; height: 55.5%; left: 54.5%; top: 33.3%; background-image: url(images/23d.png); }

#bg-photo24{ width: 25.9%; height: 73.8%; left: 58.9%; top: 26.2%; background-image: url(images/24d.png); }

#bg-photo25{ width: 28.4%; height: 67.5%; left: 55.6%; top: 30.5%; background-image: url(images/25d.png); }

#bg-photo26{ width: 31.5%; height: 68.1%; left: 52.5%; top: 28.6%; background-image: url(images/26d.png); }

#bg-photo27{ width: 27.4%; height: 49.6%; left: 57.1%; top: 30.4%; background-image: url(images/27d.png); }

#bg-photo28{ width: 25.5%; height: 71.5%; left: 56.9%; top: 28.2%; background-image: url(images/28d.png); }

#bg-photo29{ width: 23.9%; height: 64.1%; left: 55.9%; top: 27.9%; background-image: url(images/29d.png); }

#bg-photo30{ width: 41.6%; height: 72.7%; left: 52.4%; top: 27.2%; background-image: url(images/30d.png); }