.registerBox { position:relative;}
.registerBox .List{ overflow:hidden;width: 100%;position: absolute;left: 50%;margin-left: -50%;} 
.registerBox .List li{ width:11.11%; float:left;position: relative;overflow: hidden;}
.registerBox .List li img { display:block;width: 100%}
.registerBox .joinBox{
	position:fixed;
	display: none;
	background: #fff;
	border: 2px;
	border-color: #000;
	padding: 10px 6px;
	top:55%;
	left: 50%;
	margin-top: -190px;
	margin-left: -255px;
	height:325px;
}
.joinBox .close{
	background: rgba(0, 0, 0, 0) url("../images/close.png") repeat scroll 0 0;
    display: inline-block;
    height: 27px;
    opacity: 0.7;
    position: absolute;
    right: 7px;
    width: 27px;
}
.joinBox img{
	width: 248px;
	height: 248px;
}
.joinBox .tips{
	height: 72px;
	width: 248px;
	background: rgba(132, 86, 152, 0.8) none repeat scroll 0 0;
    display: inline-block;
    position: absolute;
    color: #fff;
    top:268px;
    left:6px;
}
.joinBox .tips span{
	margin-left: 15px;
}
.joinBox .tips .tip1{
	color: #fff;
	font-size: 24px;
    line-height: 35px;
    margin-top: 5px;
}
.joinBox .tips .tip2{
	color: #fff;
	font-size: 17px;
    line-height: 30px;
}
.registerBox .tccpo { position:fixed; top:55%; left:50%; margin-left:-250px;margin-top: -190px;}
.registerBox .tccBox { width:440px; height:295px; overflow:hidden; background:#fff; padding:25px; filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95; border-radius:5px;}