/* 代码整理：懒人之家 www.lanrenzhijia.com */

img { border:0;}
.demoTitle { text-align:center; font-size:30px; font-weight:bold; color:#c00; text-shadow:1px 1px 0 #fff; margin:60px 0 40px; border-bottom:1px dashed #999;border-top:1px dashed #999; padding:20px 0; background:#EEE; }
#demo1,#demo2,#demo3,#demo4,#demo5,#demo6,#demo7,#demo8 { margin:0 auto; }
body { overflow-x:hidden; }
.jcSlider { width:620px; position:relative; height:315px; }
.imgHide { width:620px; height:315px; overflow:hidden; position:relative; }
.imgList { width:620px; height:315px; position:absolute; top:0; left:0; z-index:1;}
.imgList img { width:620px; height:315px; }
.imgList li { position:absolute; left:0; top:0; height:315px; width:620px; list-style:none; display:none; overflow:hidden; margin-top:-12px;}

.imgNum { position:absolute; left:0; top:0; z-index:2; display:none; }
.imgNum dd {  float:left; list-style:none; cursor:pointer;  margin:0 3px; overflow:hidden; }
.imgNum dd a { display:block; height:14px; width:14px; text-indent:-999em; overflow:hidden; text-align:center; line-height:14px; background:url(../images/pagination.png) no-repeat 0 0; }
.imgNum dd a:hover,.imgNum dd.select a { background-position:0 -14px; }
.imgPrev,.imgNext { position:absolute; left:0;  z-index:3; display:block; cursor:pointer; height:315px; width:40px; }
.imgPrev { background:url(../images/navigation-previous.png) no-repeat left center;}
.imgNext { background:url(../images/navigation-next.png) no-repeat right center;}

/* demo2 add css */
#demo2 .imgNum dd { width:24px; height:24px; float:left; list-style:none; cursor:pointer;  overflow:hidden; }
#demo2 .imgNum dd a { display:block; height:24px; width:24px; overflow:hidden; text-indent:0; text-align:center; line-height:24px; background:url(../images/NumBtn.png) no-repeat 0 -27px; color:#000; font-size:13px; }
#demo2 .imgNum dd a:hover,#demo2 .imgNum dd.select a {  background-position:0 0; color:#fff; }