#SliderMain{
	height: 100%;
	opacity: 0;
	position: fixed;
	width: 100%;
	z-index: 1000;		
}

#SliderBG{
	background: none repeat scroll 0 0 #000;
	height: 100%;
	opacity: 0.98;
	position: absolute;
	width: 100%;	
}

#SliderImg{
	background: none repeat scroll 0 0 #eee;
	border: 1px solid #eee;
	height: 75%;
	left: 50%;
	margin-left: -35%;
	position: absolute;
	text-align: center;
	top: 1%;
	width: 70%;
}

#SliderImg img {
  max-height: 100%;
	width: 100%;
}


#SliderImgList{
	background: none repeat scroll 0 0 #fff;
	bottom: 0;
	height: 21%;
	opacity: 1 !important;
	overflow: hidden;
	padding: 2px 4%;
	position: absolute;
	width: 92%;
}

#SliderImgList ul{
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
	white-space: pre;
	width: auto;
}

#SliderImgList li{
	border: 1px solid #ccc;
	display: inline-block;
	height: 88%;
	margin: 5px;
	max-width: 12%;
	min-width: 12%;
	text-align: center;
	cursor:pointer;
}

#SliderImgList li img{
	height: 100%;
	max-width: 100%;	
}

#SliderImgList .activeImg{
	box-shadow: 0 0 5px 2px;	
}

#SliderImgsLeft{
	position: absolute;
	left:0px;
	height:100%;
	width: 4%;
	top: 0px;	
	text-align:left;
	cursor:pointer;
}

#SliderImgsLeft > img {
  height: 90%;
  padding: 5% 17%;
}

#SliderImgsRight{
	position: absolute;
	right:0px;
	height:100%;
	width: 4%;	
	top: 0px;
	text-align:right;
	cursor:pointer;
}

#SliderImgsRight > img {
  height: 90%;
  padding: 5% 17%;
}

#SliderfirstImg{
	margin-left: 0%;
}

#SliderX{
	margin: 1%;
	position: absolute;
	right: 0;
	top: 0;
	width: 4%;	
	cursor:pointer;
}

#SliderX img{
	width: 100%;	
}


.SliderImg{
	
}