.banner {
  height: 860px;
  width: 1200px;
  margin:0 auto;
  background-color: #282828;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
.ul-con{
	width: 1200px;
	overflow: hidden;
}
.li-con{
	height: 582px;
	margin-top: 60px;
	margin-bottom:30px;
	overflow: hidden;
	position: relative;
}
.ul-con .li-con li{ }
.ul-con .li-con li img{
	width: 225px;
	height: 583px;
	display: block;
}
.li-con-con{
	position: absolute;
}
.li-con-con li{
	float: left;	
	display: block;
	display:inline;display:table;
	filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    -khtml-opacity: 0.7;  
    opacity: 0.7;  
}
.li-con-con li:not(:first-child){margin-left: 18px;}
#li-two{
	display: none;
}
#li-three{
	display: none;
}
.li-con li:hover{
	cursor: pointer;
	filter:alpha(opacity=100);  
    -moz-opacity:1;  
    -khtml-opacity: 1;  
    opacity: 1;  
}
.nav-con{
	width: 450px;
	height: 12px;
	background: #666666;
	margin: 0 auto;
}
.nav-con li{
	float: left;
	width: 150px;
	height: 12px;
}
.nav-con li:hover{
	cursor: pointer;
}
.clickOn{
	background: #DFB873;
}