﻿.container, .container *{margin:0; padding:0;}

.container{width:1000px; height:250px; overflow:hidden; position:relative;}

/* 上下变化 */
.container .slider{ position:absolute;}
.container .slider li{ list-style:none; display:inline;}

/* 水平变化
.container .slider{width:3000px;}
.container .slider li{ list-style:none; float:left; }
*/
 
.container .slider img{ width:1000px; height:250px; display:block;}

.num{ position:absolute; left:20px; bottom:17px;}
.num li{
	float: left;
	width: 60px;
	height: 6px;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 5px;
	border: none;
	background-color: #888888;
	list-style:none;
}
.num li.on{
	background-color: #c8000a;
}


.container2, .container2 *{margin:0; padding:0;}

.container2{width:1000px; height:320px; overflow:hidden; position:relative;}

/* 上下变化 */
.container2 .slider{ position:absolute;}
.container2 .slider li{ list-style:none; display:inline;}

.container2 .slider img{ width:1000px; height:320px; display:block;}