#pic {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	/*position: absolute;
	top: 0;	left: 0;*/
	background-color: black;
	.r {
		position: absolute;
		width: 30px; height: 50px;
		background: url('../images/r.png') no-repeat center center;
		cursor: pointer;
	}
	.r:hover {
		background: url('../images/r_hover.png') no-repeat center center;
	}
	#back {
		width: 1024px;
		height: 547px;
		position: relative;
		margin: auto;
		padding-bottom: 50px;
	}
	.tip {
		z-index: 5;
		position: absolute;
		top: 0;	left: 0;
		width: 1024px;
		height: 547px;
		cursor: pointer;
	}
	#wrapper {
		width: 100%;
		height:  100%;
		position: absolute;
		top: 0; left: 0;
		background: black;
		opacity: 0.75;
		z-index: 2;
	}
	.t1 {
		background: url('../images/1.png') no-repeat center center;
	}
	.t2 {
		background: url('../images/2.png') no-repeat center center;
	}
	.t3 {
		background: url('../images/3.png') no-repeat center center;
	}
	.t4 {
		background: url('../images/4.png') no-repeat center center;
	}
	.t5 {
		background: url('../images/5.png') no-repeat center center;
	}
	.t6 {
		background: url('../images/6.png') no-repeat center center;
	}
	.t7 {
		background: url('../images/7.png') no-repeat center center;
	}
	.t8 {
		background: url('../images/8.png') no-repeat center center;
	}
	.t9 {
		background: url('../images/9.png') no-repeat center center;
	}
	.t10 {
		background: url('../images/10.png') no-repeat center center;
	}
	.t11 {
		background: url('../images/11.png') no-repeat center center;
	}
	.t12 {
		background: url('../images/12.png') no-repeat center center;
	}
	.t13 {
		background: url('../images/13.png') no-repeat center center;
	}
}

body {
	background: #000;
}