/* 
 *  Owl Carousel CSS3
 *  owl.theme.css
 */
.owl-theme .owl-controls{
	text-align: center;
}
.product-grid .owl-theme .owl-controls,
.product-list .owl-theme .owl-controls,
.box-product .owl-theme .owl-buttons,
.tpclop_box .owl-theme .owl-buttons{
	text-align: center;
	position:absolute;
	top:45%;
	width:100%;
	z-index:11;
}
.owl-pagination{ margin-top:10px;}


.owl-theme .owl-controls .owl-buttons div{
	background-image: url(../image/icon/prev_next.png);
	position:absolute;
	width:34px; height:34px;
	display: block;
	background-repeat:no-repeat;
	zoom: 1;
	z-index:2;
	text-align:center;
	filter: Alpha(Opacity=0);
	opacity: 0;
	-moz-opacity: 0;
    -khtml-opacity: 0; 
	transition-delay: 0;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-10px; background-position: 1px center ;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:0px; background-position: -35px center ;}
.owl-theme:hover .owl-controls .owl-buttons div.owl-prev{ left:0px;}
.owl-theme:hover .owl-controls .owl-buttons div.owl-next{ right:0px;}
.owl-theme:hover .owl-controls.clickable .owl-buttons div{
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
    -khtml-opacity: 0.7; 
	text-decoration: none;
}



.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 3px;
	filter: Alpha(Opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
    -khtml-opacity: 0.2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #8f8f8f;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;
    -khtml-opacity: 1;
}



.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;
}


.owl-item.loading{
	min-height: 150px;
	background: url(../image/loading.gif) no-repeat center center
}

.verticaltab .owl-theme .owl-controls .owl-buttons{
	position:absolute;
	top:50%;
	right:0px;
	width:100%;
}
.verticaltab  .owl-theme .owl-controls .owl-buttons div{
	background-repeat:no-repeat;
	width:32px; 
	height:32px;
	filter: Alpha(Opacity=100);
	opacity: 1;
	-moz-opacity: 1;
    -khtml-opacity: 1; 

}
.verticaltab .owl-theme .owl-controls .owl-buttons div.owl-prev,
.verticaltab .owl-theme:hover .owl-controls .owl-buttons div.owl-prev{left:0px; background-position: 0px center;}
.verticaltab .owl-theme .owl-controls .owl-buttons div.owl-next,
.verticaltab .owl-theme:hover .owl-controls .owl-buttons div.owl-next{right:0px; background-position: -36px center ;}
.verticaltab {
	padding:0;
	text-align:center;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  owl.transitions.css
 */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}