/*轮换图片*/ .carousel { position: relative; margin-bottom: 10px; line-height: 1px; background-color: #a6a6a6; } .carousel-inner { position: relative; width: 100%; height: 260px; margin: 0 auto; overflow: hidden; } .topic-carousel { position: relative; width: 980px; height: 400px; margin: 0 auto 10px; background-color: #a6a6a6; } .topic-inner { position: relative; width: 100%; height: 400px; margin: 0 auto; overflow: hidden; } .topic-inner .topic-item > a > img { display: block; width: 100%; height: 400px; margin: 0 auto; } .carousel .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > a > img { display: block; width: 100%; height: 260px; margin: 0 auto; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 50%; left: 80px; width: 54px; height: 54px; margin-top: -27px; font-size: 60px; font-weight: 100; line-height: 42px; color: #ffffff; text-align: center; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 80px; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px 5px; background: #333333; background: rgba(0, 0, 0, 0.75); opacity: 0.75; filter: alpha(opacity=75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; line-height: 20px; } .carousel-caption h4 { font-weight: bolder; } .carousel-caption p { text-indent: 2em; } .topic-inner .topic-item { position: absolute; top: 0; left: 0; width: 100%; } .topic-carousel > dl { position: absolute; bottom: 0; width: 100%; height: 42px; } .topic-carousel > .dl-bg { position: absolute; bottom: 0; width: 100%; height: 42px; background-color: #000; opacity: .5; filter: alpha(opacity=50); } .topic-carousel > dl > dt { position: relative; height: 42px; line-height: 42px; font-size: 16px; text-align: center; } .topic-carousel > dl > dt a { color: #fff; } /*轮换图片*/