/* ------ general
-----------------------------------------------*/

/* ------ mobilyslider
-----------------------------------------------*/

.slider {
	width: 828px;
	height: 412px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 26px;
	background: none;
}
.slider1 {
	width: 436px;
	height: 646px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 26px;
	background: none;
	background:url(../images/pop_slider/whoami-bg.png) no-repeat;
}
.sliderContent {
	float: left;
	width: 828px;
	height: 412px;
	clear: both;
	position: relative;
	overflow: hidden;
}
.sliderContent1 {
	float: left;
	width: 419px;
	height: 630px;
	clear: both;
	position: relative;
	overflow: hidden;
	margin:8px 0 0 9px;
}
.sliderArrows a {
	display: block;
	text-indent: -9999px;
	outline: none;
	z-index: 50;
	background-image: url(../images/pop_slider/prev_next.png);
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -34px;
	margin-left: -57px;
	margin-right: -57px;
}
.prev {
	background-position: 0 0;
	left: 15px;
}
.prev:hover {
	background-position: 0 -44px;
}
.next {
	right: 15px;
	background-position: -44px 0;
}
.next:hover {
	background-position: -44px -44px;
}
.sliderContent .item {
	position: absolute;
	width: 828px;
	height: 412px;
	background: #fff;
	margin: 0;
}

.sliderContent1 .item {
	position: absolute;
	width: 828px;
	height: 412px;
	background: #fff;
	margin: 0;
}

.sliderBullets {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 50;
	margin-left: -45px;
}
.sliderBullets a {
	display: block;
	float: left;
	text-indent: -9999px;
	outline: none;
	margin-left: 5px;
	width: 10px;
	height: 11px;
	background: url(../gfx/bullets.png) no-repeat;
}
.sliderBullets .active {
	background-position: 0 -11px;
}
.sliderContent a {
	outline: none;
}
a {
	color: #999999;
}
a img {
	border: none;
}