/*
*Owl Carousel Owl Demo Theme
*www.sucaijiayuan.com
*/

.owl-theme .owl-controls{ width:100%; text-align:center; display:none;}
/* Styling Next and Prev buttons*/

@media only screen and (max-width:1100px){
.owl-buttons{position:absolute; width:60%; left:20%; bottom:3px; height:14px; }
.owl-theme .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:8px; height:14px;}
.owl-prev{background:url(../images/sy_l.png) no-repeat; background-size:100% 100%; left:0px;}
.owl-prev:hover{background:url(../images/sy_l_on.png) no-repeat; background-size:100% 100%;}
.owl-next{background:url(../images/sy_r.png) no-repeat; background-size:100% 100%; right:0px;}
.owl-next:hover{background:url(../images/sy_r_on.png) no-repeat; background-size:100% 100%;}

#owl-demo3 .owl-buttons{position:absolute; width:100%; left:0px; top:50%; margin-top:-11.5px; bottom:aut; height:23px; }
#owl-demo3 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:20px; height:23px;}
#owl-demo3 .owl-prev{background:url(../images/sy_l2.png) no-repeat; background-size:100% 100%; left:-3%;}
#owl-demo3 .owl-prev:hover{background:url(../images/sy_l2_on.png) no-repeat; background-size:100% 100%;}
#owl-demo3 .owl-next{background:url(../images/sy_r2.png) no-repeat; background-size:100% 100%; right:-3%;}
#owl-demo3 .owl-next:hover{background:url(../images/sy_r2_on.png) no-repeat; background-size:100% 100%;}
#owl-demo1 .owl-controls{ width:100%; position:absolute; height:0px; left:0px; top:35%; }
#owl-demo1 .owl-buttons{position:absolute; width:100%; left:0px; top:0%; bottom:auto;  margin:0px;	 height:32px;  }
#owl-demo1 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:32px; height:32px; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35;}
#owl-demo1 .owl-prev{background: url(../images/s_ban_j1.png) no-repeat; background-size:100% 100%; left:0px;}
#owl-demo1 .owl-next{background:url(../images/s_ban_j2.png) #0e4482 no-repeat; background-size:100% 100%; right:0px;}

#owl-demo4 .owl-buttons{position:absolute; width:100%; left:0px; top:50%; margin-top:-21px; bottom:auto; height:42px; }
#owl-demo4 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:42px; height:42px;}
#owl-demo4 .owl-prev{background: url(../images/sy_jt4_left.png) no-repeat; background-size:100% 100%; left:0px; }
#owl-demo4 .owl-next{background: url(../images/sy_jt4_right.png) no-repeat; background-size:100% 100%; right:0px;}

}
@media only screen and (max-width:550px){
#owl-demo1 .owl-controls{ top:25%;}
	}
@media only screen and (min-width:1100px){
.owl-buttons{position:absolute; width:16%; left:42%; bottom:3px; height:14px; }
.owl-theme .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:8px; height:14px;}
.owl-prev{background:url(../images/sy_l.png) no-repeat; background-size:100% 100%; left:0px;}
.owl-prev:hover{background:url(../images/sy_l_on.png) no-repeat; background-size:100% 100%;}
.owl-next{background:url(../images/sy_r.png) no-repeat; background-size:100% 100%; right:0px;}
.owl-next:hover{background:url(../images/sy_r_on.png) no-repeat; background-size:100% 100%;}

#owl-demo3 .owl-buttons{position:absolute; width:100%; left:0px; top:50%; margin-top:-11.5px; bottom:aut; height:23px; }
#owl-demo3 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:30px; height:23px;}
#owl-demo3 .owl-prev{background:url(../images/sy_l2.png) no-repeat; background-size:100% 100%; left:-43px;}
#owl-demo3 .owl-prev:hover{background:url(../images/sy_l2_on.png) no-repeat; background-size:100% 100%;}
#owl-demo3 .owl-next{background:url(../images/sy_r2.png) no-repeat; background-size:100% 100%; right:-43px;}
#owl-demo3 .owl-next:hover{background:url(../images/sy_r2_on.png) no-repeat; background-size:100% 100%;}

#owl-demo1 .owl-buttons{position:absolute; width:66px; left:auto; top:-28px; right:22px; margin:0px;	 height:32px; }
#owl-demo1 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:33px; height:32px;}
#owl-demo1 .owl-prev{background: url(../images/s_ban_j1.png) no-repeat; background-size:100% 100%; left:0px;}
#owl-demo1 .owl-next{background:url(../images/s_ban_j2.png) no-repeat; background-size:100% 100%; right:0px;}

#owl-demo4 .owl-buttons{position:absolute; width:100%; left:0px; top:50%; margin-top:-11.5px; bottom:aut; height:23px; }
#owl-demo4 .owl-controls .owl-buttons div{color: #FFF; position:absolute; font-size:0px; display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ width:29px; height:52px;}
#owl-demo4 .owl-prev{background: url(../images/zj_jt1.png) no-repeat; background-size:100% 100%; left:-60px;  filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}
#owl-demo4 .owl-prev:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#owl-demo4 .owl-next{background: url(../images/zj_jt2.png) no-repeat; background-size:100% 100%; right:-60px; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}
#owl-demo4 .owl-next:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/  z-index:5; position:relative}
@media only screen and (max-width: 1100px){
.owl-theme .owl-controls .owl-page span{display: block;width:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:10px;margin:0px 3px; background:rgba(0,0,0,.4);  }
#owl-demo1  .owl-controls{ position:absolute; bottom:15px; width:100%; text-align:center; height:10px;}
}
@media only screen and (max-width: 480px){
.owl-theme .owl-controls .owl-page span{}
}
@media only screen and (min-width: 1100px){
.owl-theme .owl-controls .owl-page span{display: block;width:40px; height:8px;margin:0px 5px; background:rgba(0,0,0,.4); }
#owl-demo1  .owl-controls{ position:absolute; bottom:30px; width:100%; text-align:center; height:15px;}
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:#2577e3;}
/* 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(../images/AjaxLoader.gif) no-repeat center center}