#wrapper{	
	width:1200px;
	height:400px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	background:#fff;
	overflow: hidden;}
 
#box{ 
	width:1200px;
	height:400px;
	float:left;
	position:relative;} 

#box img{ 
	display: block; 
	float: left; 
	width:1200px;
	height:400px;}

#pointer{	 
	width: 400px; 
	height: 20px;
	position:relative;
	bottom: 25px;} 

#pointer span{ 
	display: block; 
	width: 20px; 
	height: 20px; 
	float:left;
	cursor: pointer;
	text-align:center;
	background: #ccc;
	margin-right: 10px;
	border-radius: 10px; 
	opacity: .5; 
	-webkit-opacity: .5; 
	-moz-opacity: .5; 
	filter:alpha(opacity=50);}

#pointer .active{ 
	opacity: 1; 
	-webkit-opacity: 1; 
	-moz-opacity: 1; 
	background: #fff;
	filter:alpha(opacity=100);} 

/*************/
#wrapper2{
	width:300px;
	height:auto;
	position:relative;
	float:left;
	padding-top: 30px;
	background:#fff;
	overflow: hidden;
	margin-right: 20px
;}
 
#box2{ 
	width:300px;
	height:200px;
	float:left;
	position:relative;} 

#box2 img{ 
	display: block; 
	float: left; 
	width:300px;
	height:200px;}

#pointer2{	 
	width: 120px; 
	height: 50px;
	line-height:50px;
	padding-top:20px;
	float:right;
	clear:both;
	display:none;} 

#pointer2 span{ 
	display: block; 
	width: 10px; 
	height: 10px; 
	float:left;
	cursor: pointer;
	text-align:right;
	background: #ccc;
	margin-right: 10px;
	border-radius: 10px; 
	opacity: .5; 
	-webkit-opacity: .5; 
	-moz-opacity: .5; 
	filter:alpha(opacity=50);}

#pointer2 .active2{ 
	opacity: 1; 
	-webkit-opacity: 1; 
	-moz-opacity: 1;
	background:#F00; 
	filter:alpha(opacity=100);} 
/*************/