@charset "utf-8"; /* CSS Document */ label { display: block; } .infiniteCarousel { width: 395px; position: relative; } .infiniteCarousel .wrapper_zt { width: 870px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 100px; margin: 0 40px; position: absolute; top: 0; } .infiniteCarousel ul a img { border:1px solid #747474; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .infiniteCarousel .wrapper_zt ul { width: 890px; /* single item * n */ list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel ul li { display:block; float:left; padding:10px; height:50px; width:275px; background:url(../images/zt_jgx.png); _background:url(../images/zt_jgx.gif); background-position:right center; background-repeat:no-repeat; } .infiniteCarousel li span { float:left; width:160px; text-align:left; padding-left:10px; } .infiniteCarousel ul li img { -webkit-transition: border-color 4000ms; } .infiniteCarousel ul:hover li img { border-color: #000; } .infiniteCarousel ul:hover li:hover img { border-color: #333; } .infiniteCarousel ul li a img { float:left; } .infiniteCarousel .arrow { display: block; height: 36px; width: 37px; background: url(../images/arrow.png) no-repeat 0 0; _background: url(../images/arrow.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 20px; cursor: pointer; outline: 0; } .infiniteCarousel .forward { background-position: 0 0; right:-563px; } .infiniteCarousel .back { background-position: 0 -72px; left:2px; } .infiniteCarousel .forward:hover { background-position: 0 -36px; } .infiniteCarousel .back:hover { background-position: 0 -108px; }