Team:NKU CHINA/interlab/style7

/*

*  Core Owl Carousel CSS File
*  v1.3.3
*/

/* clearfix */ .owl-carousel .owl-wrapper:after {

 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;

} /* display none until init */ .owl-carousel{

 display: none;
 position: relative;
 width: 100%;
 -ms-touch-action: pan-y;

} .owl-carousel .owl-wrapper{

 display: none;
 position: relative;
 -webkit-transform: translate3d(0px, 0px, 0px);

} .owl-carousel .owl-wrapper-outer{

 overflow: hidden;
 position: relative;
 width: 100%;

} .owl-carousel .owl-wrapper-outer.autoHeight{

 -webkit-transition: height 500ms ease-in-out;
 -moz-transition: height 500ms ease-in-out;
 -ms-transition: height 500ms ease-in-out;
 -o-transition: height 500ms ease-in-out;
 transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item{

 float: left;

}

.owl-controls {

 @media (max-width: @screen-sm-max) {
   top: -120px;
 }
 top: -200px;
 width: 100%;
 text-align: center;
 display: inline-block;

}

.owl-controls a {

 color: #336699;

}

.owl-controls a:hover {

 color: #336699;

}

.owl-controls .bg-prev {

 position: absolute;
 z-index: 1;
 width: 50px;
 height: 50px;
 z-index:10; 
 background:#fff; 
 border: 1px solid #336699;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);

}

.owl-controls .bg-prev:before{

 content:""; 
 display:block; 
 position:absolute; 
 z-index:-1; 
 top:3px; 
 left:3px; 
 right:3px; 
 bottom:3px; 
 border:2px solid #336699

}

.owl-controls .prev {

 left: 15px;
 z-index: 11;
 position: absolute; 
 width: 50px;
 height: 50px;
 line-height: 32px;

}

.owl-controls .prev.active {

 background-image: none;
 outline: 0;
 -webkit-box-shadow: none;
         box-shadow: none;

}

.owl-controls .prev:active {

 background-image: none;
 outline: 0;
 -webkit-box-shadow: none;
         box-shadow: none;

}

.owl-controls .bg-next {

 position: absolute;
 float: right;
 z-index: 1;
 width: 50px;
 height: 50px;
 position:relative; 
 z-index:10; 
 background:#fff; 
 border: 1px solid #336699;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);

}

.owl-controls .bg-next:before{

 content:""; 
 display:block; 
 position:absolute; 
 z-index:-1; 
 top:3px; 
 left:3px; 
 right:3px; 
 bottom:3px; 
 border:2px solid #336699

}

.owl-controls .next {

 right: 15px;
 z-index: 11;
 position: absolute; 
 width: 50px;
 height: 50px;
 line-height: 32px;

}

.owl-controls .next.active {

 background-image: none;
 outline: 0;
 -webkit-box-shadow: none;
         box-shadow: none;

}

.owl-controls .next:active {

 background-image: none;
 outline: 0;
 -webkit-box-shadow: none;
         box-shadow: none;

}


.owl-theme .owl-controls .owl-page{

 cursor: pointer;
 display: inline-block;
 zoom: 1;
 *display: inline;/*IE7 life-saver */

} .owl-theme .owl-controls .owl-page a{

 display: block;
 width: 12px;
 height: 12px;
 margin: 0px 5px;
 filter: Alpha(Opacity=50);/*IE7 fix*/
 opacity: 0.5;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 background: transparent;
 border: 2px solid #888;

}

.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;
 display: inline-block;

} .owl-controls {

 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

/* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{

 -webkit-backface-visibility: hidden;
 -moz-backface-visibility:    hidden;
 -ms-backface-visibility:     hidden;
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);

}