#container { width:580px; padding:10px; margin:0 auto; position:relative; z-index:0; } #example { width:600px; height:350px; position:relative; } #ribbon { position:absolute; top:-3px; left:-15px; z-index:500; } #frame { position:absolute; z-index:0; width:739px; height:341px; top:-3px; left:-80px; } #slides { position:relative; /*top:15px; left:4px; z-index:100;*/ } #slides .prev { position:absolute; top:140px; left:20px; width:16px; height:24px; display:block; z-index:101; } #slides .next { position:absolute; top:140px; right: 400px; width:16px; height:24px; display:block; z-index:101; } .slides_container { /*width:830px;*/ height:350px; overflow:hidden; position:relative; } .pagination1 { width: 100px; float: right; position: absolute; right: 0; bottom: 15px; z-index: 999; margin-right: 400px; } .pagination1 li { float:left; margin:0 4px; } .pagination1 li a { display:block; width:12px; height:0; padding-top:12px; background-image:url("/jxjcsglxhcom/creditchina-cms.bj.bcebos.com/pc/img/pagination.png"); background-position:0 0; float:left; overflow:hidden; } .pagination1 li.current a { background-position:0 -12px; } .caption { position: absolute; bottom: -35px; height: 50px; width: 100%; line-height: 50px; background: #000; background: rgba(0,0,0,.5); font-size: 1.3em; color: #fff; border-top: 1px solid #000; text-shadow: none; } .caption a{ color: #fff; } #footer { text-align:center; width:580px; margin-top:9px; padding:4.5px 0 18px; border-top:1px solid #dfdfdf; } #footer p { margin:4.5px 0; font-size:12px; } /*a:link,a:visited { color:#599100; text-decoration:none; } a:hover,a:active { color:#599100; text-decoration:underline; }*/ .slides_container img{ width: 830px; height: 350px; } .caption p{ font-size: 14px; margin-left: 20px; }