/* * Owl Carousel Owl Demo Theme* v1.24 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /*ww.52444.com产品*/ .fwlybox{ width:100%; background:url(../images/img-index-fwys.jpg) repeat; margin-bottom:10px;} #fwly{ width:800px; margin:auto; padding:10px 0px;} #fwly .owl-wrapper-outer{ margin-bottom:10px; box-sizing:inherit;} #fwly .owl-controls{margin:0px;} #fwly .item{margin: 6px; padding:4px;background:#fff; transition-duration: .3s;} #fwly .item a{ display:block; text-align:center;} #fwly .item img{width: 100%;height: auto; border:1px solid #CCC; box-sizing:border-box;padding:3px;} #fwly .item p{ display:inline-block; width:90%;font-size:12px; line-height:30px; color:#333; transition-duration: .3s;} #fwly .item:hover b,#fwly .item:hover p{ color:#fff; transition-duration: .3s;} #fwly .item:hover{ background-color:#246cd8; transition-duration: .3s;} #fwly .owl-controls .owl-buttons div { position: absolute; width:28px; height:69px; color: #FFF; margin: 0px; padding: 0px 0px; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background:none; filter: Alpha(Opacity=60);/*IE7 fix*/ opacity: 0.6; } #fwly .owl-controls .owl-buttons div:hover{ filter: Alpha(Opacity=80);/*IE7 fix*/ opacity: 0.8; text-decoration: none; } #fwly .owl-controls .owl-buttons .owl-prev{ left: -36px; top: 39%; margin-top:-21px; background:url(../images/icon-product-prev.png) no-repeat center center;} #fwly .owl-controls .owl-buttons .owl-next{ right: -36px; top: 39%; margin-top:-21px; background:url(../images/icon-product-next.png) no-repeat center center;} #fwly .owl-controls .owl-page span{ display: block; width: 40px; height: 3px; margin: 5px 7px; filter: Alpha(Opacity=70);/*IE7 fix*/ opacity:0.7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #999999; } #fwly .owl-controls .owl-page.active span, #fwly .owl-controls.clickable .owl-page:hover span{ background: #f2a125; } @media ( max-width: 768px){ .fwlybox{ width:100%; background:url(../images/img-index-fwys.jpg) repeat; margin-bottom:20px;} #fwly { width:100%; margin:auto; padding-top:20px; padding-bottom:30px;} #fwly .owl-controls .owl-buttons div { position:static; width:40px; height:26px; color: #FFF; margin: 0px 3px; padding: 0px 0px; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } #fwly .owl-controls .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } #fwly .owl-controls .owl-buttons .owl-prev{ left: -36px; top: 50%; margin-top:0px; background:url(icon-product-prev2.png) no-repeat center center,#f8931f; background-size:auto 20px;} #fwly .owl-controls .owl-buttons .owl-next{ right: -36px; top: 50%; margin-top:0px; background:url(icon-product-next2.png) no-repeat center center,#f8931f; background-size:auto 20px;} } /*ww.52444.com产品*/