ul{
margin:0;
padding:0;
list-style-type:none;
}

.clear{
clear:both;
}
.carousel{
text-align:center;
margin:0pt 0pt 20px 50px;
padding:10px 0pt 0pt;

}
.jCarouselLite{

border:0px solid black;
float:left;
/* 官方有这段不知道有何用处,如果放进去就会显示不了图片了,js动态产生的值为何没有替换掉 */
/*  left:-5000px;
position:relative;
visibility:hidden;*/
}
/*
.jCarouselLite li img{

width: 130px;
height: 120px;
margin-top:10px;
margin-bottom:10px;
}
*/
.jCarouselLite li img{
margin-top:10px;
margin-bottom:10px;
}
.jCarouselLite ul{
	height:217px; list-style:none; padding:0; margin:0;	list-style-position: outside; display: block;
	}
.jCarouselLite li{
overflow: hidden; float: left; width: 140px !important; height: 180px !important;text-align:center; display: block; margin-right:10px;
}


.jCarouselLite li a{color:#000;}
.jCarouselLite li a:hover{color:#000;}
/* jCarouselLite 动态计算产生的css如下(用firebug查看的值) start */
/*.jCarouselLite{
overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 510px;
}
.jCarouselLite ul{
margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -510px;
}
.jCarouselLite li{
overflow: hidden; float: left; width: 170px; height: 144px;
}
.jCarouselLite li img{
overflow:hidden;
}
*/
/* end */

/* 最终想要的结果是是左边按钮-中间图片-右边按钮,如果把插件的js去掉,把上面注释掉的css应用上去就是
想要的结果 */
.prev{

	width:50px;
	height:48px;
	background-image:url(images/left_butn.png);
	background-position:left;
	background-repeat:no-repeat;
	float:left;
	margin:50px 10px 0px -30px;
}
.prev1{

	width:25px;
	height:48px;

	background-position:left;
	background-repeat:no-repeat;
	float:left;
	margin:30px 10px 0px -30px;
}
.next{
	width:50px;
	height:48px;
	background-image:url(images/right_butn.png);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	margin:50px -30px 0px 0px;
}
.next{
	width:100px;

	background-position:right;
	background-repeat:no-repeat;
	float:left;
	margin:50px -30px 0px -20px;
}