@charset "utf-8";

/* CSS 4 Slider  */
/*
* Required 
*/

.container {
	width:488px;
	height:299px;
	overflow:hidden;
	position:relative;
	z-index:1;
	zoom:1;
	background:#666
}

div.slides {
	position:absolute;
	top:0;
	left:0;
}

ul.slides {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}

div.slides > div, ul.slides li {
	position:absolute;
	top:0;
	width:488px;
	display:none;
	padding:0;
	margin:0;
}

/* * Optional
*/

#loopedSlider {
	margin:0 auto;
	width:488px;
	position:relative;
	z-index:1;
	clear:both;
}

#mc ul.pagination {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:276px;
	left:6px;
	z-index:3;
	font-size:13px;
	width:400px;
}

ul.pagination * {
	outline:none !important
}

ul.pagination li {
	float:left;
	display:inline
}

ul.pagination li a {
	color:#666;
	text-decoration:none;
}

ul.pagination li a strong {
	float:left;
	display:inline;
	color:#666;
	font-size:13px !important;
	overflow:hidden;
	cursor:pointer;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	padding-right:3px;
	background:url(bg_sh.png) no-repeat -20px -1px;
}

ul.pagination li.active a strong {
	color:#fff;
	background-position: -1px -1px
}

ul.pagination li a strong:hover {
	color:#fff;
	background-position: -1px -1px
}

/* Right pagination texts */

ul.pagination li a span {
	display:none;
}

ul.pagination li.active a span {
	position:absolute;
	right:0;
	top:0;
	z-index:4;
	width:280px;
	display:block;
	font-size:13px;
	text-align:right
}

ul.pagination li a b {
	font-weight:normal;
	font-size:12px;
	margin-left:8px;
}

ul.pagination li.active a b {
	color:#fff
}

/* Next / Prev */

a.previous, a.next {
	position:absolute;
	top:116px;
	background:url(bg_sh.png) no-repeat 0 100%;
	z-index:2;
	height:67px;
	width:25px;
	display:block;
	text-indent:-2000em;
	overflow:hidden;
	cursor:pointer
}

a.previous {
	left:0;
}

a.next {
	background-position:100% 100%;
	right:0;
}