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

#content{
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

.slider{
	width:800px;
	height:335px;
	position:relative;
	padding-bottom:25px;
	background-image: url(../img/bottom_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
}

.sliderContent{
	float:left;
	width:800px;
	height:335px;
	clear:both;
	position:relative;
	overflow:hidden;
}

.sliderArrows a{
	display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../img/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.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:800px;
	height:335px;
	background:#fff;
	left: -2px;
}

.sliderBullets{
	position:absolute;
	z-index:50;
	margin-left:-45px;
	left: 50%;
	bottom: 0;
}

.sliderBullets a{
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:10px;
	height:11px;
	background-image: url(../img/bullets.png);
	background-repeat: no-repeat;
}

.sliderBullets .active{
	background-position:0 -11px;
}

.sliderContent a{
	outline:none;
}

a{
	color:#fff;
}

a img{
	border:none;
}

/*?X???C?h??????????*/
.item .desc{
	position: absolute;
	width: 260px;
	height: 280px;
	background-image: url(../img/photo1.png);
	top: 0px;
	background-repeat: repeat-x;
	right: 0px;
	color: #FFFFFF;
	padding-top: 55px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.item .desc h2{
	color: #FFFFFF;
	font-size: 17px;
}
.item .desc p{
	color: #FFFFFF;
	font-size: 17px;
}
.item .desc h3{
	color: #666666;
	font-size: 11px;
}
