@charset "utf-8";

.wrapper {
	width:100%;
	margin:0px auto;
}


.sponsor {
	background:url(../images/sponsors.png) center no-repeat;
	height:14px;
}
#friends {
	clear:both;
	margin:30px 0 75px 0;
	height:146px;
}
.friend {
	background:url(../images/adbg.png) left top no-repeat;
	width:143px;
	height:140px;
	padding:6px 0 0 18px;
	float:left;
}
.third {
	margin-right:-15px;
}
.last {
	float:right;
}
#featured {

	position:relative;
}

/** ************ slider **************************************/

/* container for slides */
.images {
 float:left;
 cursor:pointer;
  width:100%;
}

/* single slide */
.images div {
 display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 color:#3b3b3b;
}
.images div img {
 position:absolute;
 width:100%;

}



#rright {
	position: absolute;
	right:100px;
	top:450px;
	width:27px;
	z-index:9;
}
/* tabs (those little circles below slides) */
.tabs {
	padding:0 0 0 8px;
}
/* single tab */
.tabs a {
	width:10px;
	height:10px;
	margin:10px 0;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;
}
/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;
}
/* prev and next buttons */
.forward, .backward {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
	margin-bottom:30px;
}
/* next */
.forward {
	background-position: 0 -28px;
	clear:right;
}
.forward:hover {
	background-position:-27px -28px;
}
.forward:active {
	background-position:-54px -28px;
}
/* prev */
.backward:hover {
	background-position:-27px 0;
}
.backward:active {
	background-position:-54px 0;
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}

/* 代码整理：懒人之家 lanrenzhijia.com */