.container {
	height:100%;
	overflow: hidden;
	position:relative;
	min-width:960px;
	min-height:660px;
}

/* This is the style for the dummy image slider. Animations are in fx[type].css */

.component {
	display:none;
	margin: 0 auto;
	max-width: 100%;
	z-index:1;
	width: 100%;
	height: 100%;
}


.component .itemwrap {
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.component .itemwrap .section {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 999;
}

.component-fullwidth .itemwrap .section {
	overflow: hidden;
}

.component .itemwrap  .current {
	opacity: 1;
	pointer-events: auto;
	z-index: 1000;
}

.component #nav{
	position:absolute;
	bottom:20px; right:0px;
	z-index:1999;
	padding-right:80px;
}
.component #nav ul li {
	margin-right:8px;
	cursor:pointer;
	float:left;
	position:relative;
}
.component #nav ul li .cover{
	content:"";
	display:block;
	border-radius:20px;
	position:absolute;
	top:20px; left:20px;
	width:0; height:0;
	background-color:rgba(19,133,43,0.64);
}
.component #nav ul li.current .cover{
	top:0px; left:0px;
	width:100%; height:100%;
}

.component #nav #paging{
	width:80px; height:40px;
	background:url(../img/common/back-paging.png) no-repeat;
	position:absolute;
	top:0; right:0;
}
.component #nav #paging p{
	width:30px; text-align:center;
	height:40px; padding:9px 0;
	line-height:22px;
	position:absolute; top:0; left:15px;
	opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
}
.component #nav #paging p.current{
	filter:alpha(opacity=100);
	opacity:1;
}
.component #nav #paging p img{
	vertical-align:middle;
}