.t-main{color: #01A6A5}
.red{color: red;}
.bg-main{background-color: #01A6A5;color: #FFF;}
.bg-gray{background-color: #F5F5F5}
.bg-black{background-color: #3C3C3C}
.full{width: 100%;height: auto;overflow: hidden;}
.right,.left{height: auto;overflow: hidden;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.right{float: right;}
.left{float: left;}
.item-container{width: 980px;margin: 0 auto;height: auto;overflow: hidden;}

.page-banner{background: url(../images/banner/banner-news.jpg) center center no-repeat;width: 100%;height: 245px;}



.header p.top{text-align: right;margin-top: 10px;}
.header p.top a{color: #646464;padding: 0px 15px;border-right: 1px solid #666;}

.header .center{margin: 10px 0px 30px 0px;height: auto;overflow: hidden;}
.header .center form{margin-top:20px;}
.header h1{font-size: 32px;color: #01a6a5;font-weight: normal;display: inline;float: left;}
.header h1 img{margin-right: 20px;}

.header .center form input{width: 190px;margin: 0px;height: 20px;}
.header .center form a,.header .center form input{padding: 5px;margin: 0px;display: block;float: left}
.header .center form a{width:24px;height:24px;text-align: center;color: #FFF }
.header .menu{height: 40px;line-height: 40px;}
.header .menu li{display: block;padding: 0px 25px;float: left;width: 80px;text-align: center;}
.header .menu li a{color: #FFF}
.header .menu li.on,.header .menu li:hover{background-color: #EEE;}
.header .menu li.on a,.header .menu li:hover a{color:#01A6A5;}


.footer-menu{background-color: #01A5A6;height: 40px;line-height: 40px;margin-bottom: 40px;}
.footer-menu li{float: left;padding: 0px 30px;}
.footer-menu li a{color: #FFF;}
.footer{padding-bottom: 60px;margin-top: 60px;}
.footer .center{width: 500px;float: left;padding-left: 60px;line-height: 32px;border-left: 1px solid #DDD;}
.footer .left{width: 180px;font-size: 24px;font-weight: normal;text-align: center;padding-right: 30px;}
.footer h5{font-weight: normal;color: #6A6A6A;font-size: 26px;margin-top: 15px;}
.footer .center,.footer .center a{color: #666}



/*首页*/
#index-products .cate{height: auto;overflow: hidden;}
#index-products .cate li{float: left;background-color: #F5F5F5;margin-right: 20px;text-align: center;width: 140px;height: 40px;line-height: 40px;}
#index-products .cate li.on,#index-products .cate li:hover,#index-products .cate li:hover a,#index-products .cate li.on a{background-color: #01A6A5;color: #FFF; }
#index-products .cate li a{color: #666;}
#index-products h2{font-size: 22px;font-weight: normal;color: #01A6A5;text-transform: uppercase;margin:30px 0px;border-left: 4px solid #01A6A5;padding-left: 15px;line-height: 22px;}
#index-products h2 span{font-size: 16px;color: #DDD;}
#product-list{clear: both;overflow: hidden;height: auto;}
#product-list ul{overflow: hidden;height: auto;margin-bottom: 40px;display: none}
#product-list ul.on{display: block;}
#product-list li{border: 1px solid #EEE;width: 228px;float: left;margin-right: 15px;cursor: pointer;}
#product-list li:hover{border-color: #01A6A5;}
#product-list li:hover b{background-color: #01A6A5;}
#product-list li a{color: #595959}
#product-list li:hover a{color: #01A6A5;}
#product-list li img{width: 228px;height: 252px;}
#product-list li p{padding: 10px 10px 0px 10px;height: 64px;overflow: hidden;text-align: center;}
#product-list li b{padding: 0px 5px;background-color: #DDD;color: #FFF;position: absolute;margin-left: 208px;margin-top: -22px;}

.top-cate{border-bottom: 1px solid #DDD;margin-bottom: 20px;}

#list-news li{padding-bottom: 20px;border-bottom: 1px solid #DDD;height: auto;overflow: hidden;margin-bottom: 25px;cursor: pointer;}
#list-news li .left span{display: block;border: 2px solid #C8C8C8;margin-bottom: 2px;text-align: center;color: #C8C8C8;}
#list-news li .left span.month{font-size: 24px;padding: 2px 4px;}
#list-news li .left span.year{background-color: #C8C8C8;color: #FFF;font-size: 16px;}
#list-news li img{margin: 0px 30px;display: inline;float: left}
#list-news li .right{width: 560px;color:#646562;}
#list-news li h2{font-size: 16px;font-weight: normal;color: #646562}
#list-news li p{margin: 8px 0px;}
#list-news li a:hover h2{color: #01A6A5}
#list-news li p.act span{color: #DDD;margin-right: 20px;}
#list-news li .right p.intro{height: 90px;clear: both;color: #636363;line-height: 32px;overflow: hidden;}
#list-news li .right a.view-more{padding: 10px 20px;display: block;width: 80px;text-align: center;border: 1px solid #DDD;color: #646464;}
#list-news li:hover .right a.view-more,#list-news li:hover .left span.year{background-color: #01A6A5;color: #FFF;}
#list-news li:hover .left span{border-color: #01A6A5;}

.pager{margin: 40px 0px;}
.now-position{padding-top: 5px;}


/*新闻列表栏目按钮*/
.top-cate{padding-bottom: 10px;margin-top: 60px;}
ul.left-cate li{display: block;float: left;padding: 10px 30px;background-color: #EEE;margin-right: 10px;}
ul.left-cate li a{color: #323232}
ul.left-cate li:hover,ul.left-cate li.on{background-color: #01A6A5}
ul.left-cate li:hover a,ul.left-cate li.on a{color: #FFF;}

/*资料下载页*/
#main-container  h2,#main-container  h1,.top-cate h2{display: inline;font-size: 26px;color: #01A6A5;text-transform: uppercase;font-weight: normal;float: left;border-left: 4px solid #01A6A5;padding-left: 15px;line-height: 24px;}
#main-container  h2 span,.top-cate h2 span{font-size: 20px;color: #d2d2d2;margin-left: 20px;}
ul#list-down{list-style: square;list-style-position: inside;}
ul#list-down li{border-bottom: 1px solid #DDD;clear: both;padding: 20px 0px;position: relative;float:none;}
ul#list-down li a{color: #636363}
ul#list-down li span.down-title{width: 550px;}
ul#list-down li span.time{margin-right: 40px;}
ul#list-down li i{font-size: 24px;margin-right: 20px;}
ul#list-down li:hover a{color:#01A6A5; }
a.down{padding: 5px 10px;background-color: #EEE;}
ul#list-down li:hover a.down{background-color: #01A6A5;color: #FFF;}


#page-product ul#left-cate{width: 250px;background-color: #01A6A5;height: 970px;position: relative;}
#page-product ul#left-cate .bg{background: url(../images/cate-bg.jpg) no-repeat left bottom;height: 276px;position: absolute;bottom: 0px;width: 250px;}
#page-product ul#left-cate li{height: 45px;line-height: 50px;border-bottom: 1px solid #4BBFC7;padding: 0px 20px;}
#page-product ul#left-cate i{float: right;display: inline;height: 45px;font-size: 18px;color: #FFF}
#page-product ul#left-cate li.on,
#page-product ul#left-cate li:hover{background: #EEE !important;}

#page-product ul#left-cate li.on a,#page-product ul#left-cate li.on i,
#page-product ul#left-cate li:hover a,#page-product ul#left-cate li:hover i{color: #01A6A5}
#page-product #recommend{text-align: center;margin-top: 40px;background: #FCFCFC;padding-bottom:20px;border: 1px solid #DDD; }
#page-product #recommend li{margin-bottom: 30px;margin-top: 15px;}
#page-product #recommend h3{font-size: 22px;background-color:#01A6A5;color: #FFF;padding: 10px 0px;font-weight: normal;}
#page-product #recommend img{width: 220px;border: 1px solid #EEE;margin-bottom: 10px;}
#page-product #recommend  li a{color: #01A6A5;}


#page-product ul#left-cate a{color: #FFF;}
#page-product #right-product-list{width: 730px;}
#page-product #right-product-list ul{height: auto;overflow: hidden;padding-left: 20px;}
#page-product #right-product-list li {display: inline;float: left;border: 1px solid #C9CAC7;height: 308px;text-align: center;border-top: 1px solid #DDD;width: 222px;margin:0px 0px 20px 11px;}
#page-product #right-product-list a{color: #404040}
#page-product #right-product-list li img{width: 220px;height:235px;}
#page-product #right-product-list li p{height: 16px;overflow: hidden;padding: 10px;}
#page-product #right-product-list li:hover p a{color: #01A6A5}

#page-aboutus{margin-bottom: 40px;}
#page-aboutus h1{color: #01A6A5;font-size: 24px;font-weight: normal;margin-top: 30px;}
#page-aboutus p{text-indent: 24px;line-height: 36px;}


#contact .item-container{border: 1px solid #DDD;}
#contact .left{width: 320px; background-color:  #01A6A5;height: 450px;padding-bottom: 160px;}
#contact .left li{padding: 20px;font-size: 16px;color: #FFF; }
#contact h1{font-size: 24px;color: #FFF;padding: 15px 0px;font-weight: normal;background-color: #36B7B7;display: block !important;float: none;text-align: center;}
#contact li{clear: both;}
#contact li i{font-size: 32px;margin-right: 20px;float: left}
#contact li span{display: block;float: left;width: 200px;margin-top: 15px;}
#contact .right{padding:30px;width: 600px;}
#contact  .input-item{margin-bottom: 20px;}
#contact  label{width: 80px;display: block;float: left;text-align: right;padding-right: 20px;}
#contact  input{padding: 3px;width:240px;margin-right: 20px;}
#contact  textarea{width: 400px;height: 150px;}
#contact  .tips{color: #C8C8C6;}
#contact #reset,#contact #submit{width: 100px;border: none;padding: 10px;cursor: pointer;}


#map {margin-top: 50px;}
#map iframe{width: 100%;height:550px;overflow: hidden;}




#list-customer{margin-top: 60px;}
#list-customer li{float: left;width: 243px;height: auto;overflow: hidden;margin-bottom: 40px;}
#list-customer li img{float: left;border: 2px solid #EEE;margin-bottom: 20px;}
#list-customer li p{text-align: center;padding: 10px 0px;}



/*产品详情页*/

#product-content-right{width: 710px;padding-left: 20px;}
#product-content-right .left #img-box{width: 300px;height: 300px;border: 1px solid #EEE;}
#product-content-right h3,#product-content-right h4{font-size: 24px;font-weight: normal;margin-top: 60px;padding: 2px 20px;border-bottom: 3px solid #01A6A5;display: inline;}
.form-top{margin-top: 50px;}


#page-product .right ul#select-images li{width: 48px;height: 48px;float: left;margin: 10px;border: 1px solid #EEE;}
#page-product .right ul#select-images li img{width: 48px;height: 48px;}
#page-product .right ul#select-images li:hover{border: 1px solid #01A6A5}
#page-product .product-view{height: auto;overflow: hidden;margin-bottom: 60px;}

#page-product .product-view .right{width: 380px;}
#page-product .product-view .right h1{font-size: 24px;font-weight: normal;border-bottom: 1px solid #DDD;display: block !important;float: none;padding: 0px 0px 10px 0px;border-left: 0px;}
#page-product .product-view .right p{margin: 10px 0px;line-height: 30px;}
#page-product .product-view .right p span{font-weight: bold;}
#page-product .product-view .right p.intro{height: 200px;overflow: hidden;}



#page-product #content{min-height: 500px;border: 1px solid #DDD;padding: 20px;line-height: 30px;}
#page-product #content img{max-width: 700px;margin: 0 auto;}



form#contact{border: 1px solid #DDD;padding: 20px;}

#buy{width: 100px; padding: 10px;display: block;background-color:#01A6A5;text-align: center;color: #FFF; }
.key{color: #06A591}


#content{margin-top:25px;}
#content #article{min-height: 300px;line-height: 32px;font-size: 14px;}
.acts span{margin-right: 25px;color: #c8c8c8;}
#content .left{width: 670px;float: left}
#content .article-bottom{clear: both;padding-bottom: 10px;border-bottom: 1px solid #EEE;margin-bottom: 10px;margin-top: 40px;}
#content .article-bottom .related{width: 400px;float: left;color: #06A591}
#content .right-list{float: right;width: 270px;padding: 0px 15px;border-left: 1px solid #c8c8c8;}
#content .right-list .item-box{margin-bottom: 40px;}
#content .right-list .item-box .top{border-bottom: 1px solid #c8c8c8;margin-bottom: 20px;padding-bottom: 6px;}
#content .right-list .item-box h2{border: none;text-align: center;font-size: 20px;font-weight: normal;margin-bottom: 20px;border-bottom: 1px solid #01A6A5;float: none;padding: 5px 10px;}
#content .right-list .item-box li{border-left: 1px solid #36D0CE;padding-left: 20px;padding-bottom: 15px;}
#content .right-list .item-box   img{margin-bottom: 30px;}
#content .right-list .item-box li a{width: 270px;height: 24px;overflow: hidden;display: block;color: #5F5F5D;}
#content .right-list .item-box li p{color:#CACAC8;}
#content .right-list .item-box li b{position: absolute;color: #35CDD2;margin-left: -25px;}
#content .right-list .item-box li.first b{font-size: 26px;margin-top: -17px;margin-left: -28px !important;}
#content .right-list .item-box li.last{border: none;}
#content .right-list .item-box li.last b{margin-top:-10px; }


.index-banner {height: 500px;width: 100%;background: url(../images/banner/index-banner-1.jpg) center center no-repeat;margin-bottom: 60px;}
.index-banner .hd{width: 250px;margin: 0 auto;position: absolute;left: 75%;margin-top:450px;list-style: none;z-index: 999}
.index-banner .hd li{float: left;padding: 3px 10px;background-color: #787878;margin-right: 10px;color: #FFF;cursor: pointer;}
.index-banner .hd li.on{background-color: #01A5A6;cursor: pointer;}
.index-banner .bd li{height: 500px;background-repeat: no-repeat;}
.index-banner .bd li a{position: absolute;width: 100%;height: 500px;}


.details{background: url(../images/bg/xijie.jpg) center center no-repeat;width: 100%;height: 1189px;margin-top:60px; padding-bottom: 50px;}
.details h4,.advatage h4{font-size: 28px;margin-left: 230px;color: #FFF;margin-top: -10px;}
.details h4 span,.advatage h4 span{margin-left: 60px;color: #000;font-size: 55px;}

.details .title{font-size: 24px;font-weight: bolder;color: #01A5A6;}
.details-1 p,.details-2 p,.details-3 p{margin: 15px 0px 30px 0px;}
.details-1{margin-left: 600px;margin-top: 80px;}
.details-2{margin-top: 200px;}
.details-3{margin-top: 260px;margin-left: 600px;}
.details span{font-weight: bolder;font-size: 14px;}

.advatage{background: url(../images/bg/advatage.jpg) center center no-repeat;height: 1350px;width: 100%;padding-bottom: 20px;margin-top: 60px;}
.advatage p.title{font-size: 24px;font-weight: bolder;margin-bottom: 20px;}
.advatage span{color:#01A5A6; }
#advatage-1{margin-top: 80px;margin-left: 150px;}
#advatage-2{margin-top: 220px;margin-left: 420px;}
#advatage-3{margin-top: 180px;margin-left: 150px;}
#advatage-4{margin-top: 180px;margin-left: 420px;}

div#back-to-top{position:fixed;bottom:100px;right:20px}
div#back-to-top img{padding-bottom:5px}
div#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:80px;-moz-transition:color 1s;-webkit-transition:color 1s;-o-transition:color 1s}
div#back-to-top a:hover{color:#979797}
div#back-to-top a span{background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;border-radius:6px;display:block;height:80px;width:80px;margin-bottom:5px;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}
div#back-to-top a:hover span{background:#979797 url(../images/arrow-up.png) no-repeat center center}
.home_w{position:absolute;left:-180px;top:0;display:none}












.customers{background-color: #F5F5F5;padding: 45px;}
.customers .bg{background: url(../images/bg/customers.png) center top;width: 980px; height: 40px;margin: 40px 0px;}
.customers .bg h4{font-size: 22px;color: #FFF;padding-left: 10px;text-transform: uppercase;float: left;padding-top: 5px;}
.customers .bg .more{float: right;padding-top: 10px;margin-right: 15px;color: #FFF;}
.customers .bg h4 span{color:#C1C1C1;margin-left: 60px;}
.customers ul{margin: 40px 0px;height: auto;overflow: hidden;}
.customers li,.customers li img{width: 50%;}
.customers li{float: left;}
.customers li div{width: 213px;background-color: #FFF;height: 168px;}
.customers li div.right:before{
		content: "";
		 height: 0;
		  width: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #DDD;
	position: absolute;
	margin-left: -24px;
	margin-top: 80px;

}
.customers li div.left:before{
		content: "";
		 height: 0;
		  width: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #DDD;
	position: absolute;
	margin-left: 230px;
	margin-top: 80px;

}
.customers li div{padding:0px 15px ;}
.customers li img{width: 243px !important;height: 168px !important;}
.customers li img,.customers li div{border: 1px solid #DDD;  border-image-width:0;}
/* 
.customers li img.left{margin-top: -1px;margin-left: -1px;}
.customers li img.right{margin-bottom: -1px;margin-right: -1px;} */
.customers li p.title{font-size: 15px;font-weight: bolder;padding-top: 20px;color: #000;margin-bottom: 10px;}
.customers li p{color: #999;font-size: 12px;line-height: 24px;}
.customers li div:hover{background-color: #01A5A6;}
.customers li div:hover p{color:#FFF;}



.process{padding-bottom: 80px;}
.bg-process{background: url(../images/sclc.jpg) center top no-repeat;padding-top: 140px;margin-top: 40px;}
.process h4{font-size: 26px;position: absolute;margin-top: -160px;margin-left: 350px;color: #FFF;}
.process h4 span{margin-left: 100px;color: #000;font-size: 55px;}


.index-contact{background-color: #F5F5F5;padding: 60px 0px;}
.index-contact .left{width: 340px; float: left;}
.index-contact .left p{font-size: 24px;padding: 20px 20px;background-color:#01A5A7;color: #FFF; }
.index-contact .right{width: 590px;}
.index-contact .right h3{font-size: 36px;text-transform: uppercase;color: #01A5A7;float: left;}
.index-contact .right h3 span{font-size: 22px;font-weight: normal;color: #C8C8C8}
.index-contact .right .top{height: 60px;}
.index-contact .right .more{float: right;width: 80px;background-color:#01A5A7;color: #FFF;text-align: center;padding:6px;margin-top: 10px; }
.index-contact .right p{clear: both;color: #626262;line-height: 30px;text-indent: 32px;}
.index-contact .right h1{margin: 30px 0px 20px 0px;border: none !important;padding: 0px !important;}
.index-contact .right h1 span{border-top: 5px solid #01A5A7;display: block;width: 100px;margin-bottom: 20px;}
.index-contact .right .about-contact{margin-top: 45px;}
.index-contact .right .about-contact a{margin-right: 40px;float: left;}
.index-contact .right .about-contact .phone{float: right;margin-right: 0px;}




#tantou-3{margin: 60px auto;}


.index-news .left,.index-news .right{background-color: #FAFAFA;padding: 10px}
.index-news .left{width: 630px;}
.index-news .left .item-left{width: 285px;float: left;}
.index-news .left ul{float: right;width: 325px;}
.index-news .left h3{font-size: 20px;text-transform: uppercase;color:#01A5A7;font-weight: normal; float: left;}
.index-news .left h3 span{font-size: 16px;margin-left: 20px;color: #c8c8c8;margin-top: 5px;}
.index-news .left a.more{float: right;padding:3px;background-color: #F5F5F5;color: #797979}
.index-news .left .item-left img{margin: 15px 0px;}
.index-news .left .item-left .title{height:24px;overflow: hidden;}
.index-news .left .item-left .title a{font-size: 16px;color:#01A5A7;}
.index-news .left .item-left p.intro{height: 45px;font-size: 12px;line-height: 22px;overflow: hidden;margin-top: 10px;text-indent: 20px;}
.index-news .left ul li{height: auto;overflow: hidden;padding: 10px 5px;border-bottom: 1px dashed #DDD;cursor: pointer;}
.index-news .left ul li .li-left{width: 70px;float: left;}
.index-news .left ul li .li-left span{text-align: center;display: block;color: #C8C8C8}
.index-news .left ul li .li-left span.month{border: 2px solid #DDD;font-size: 26px;padding: 0px 8px;}
.index-news .left ul li .li-right{width: 240px;float: right}
.index-news .left ul li .li-right a{font-size: 14px;height: 22px;overflow: hidden;font-weight: bolder;display: block;color: #323232}
.index-news .left ul li .li-right p{font-size: 12px;height: 40px;overflow: hidden;}
.index-news .left ul li:hover{background-color: #01A5A7;color: #fff;}
.index-news .left ul li:hover a{color: #FFF;}
.index-news .left ul li:hover .li-left span{color: #FFF;border-color: #FFF;}



.index-news .right{width: 290px;height: 350px;overflow: hidden;}
.index-news .right .top{height: 35px;}
.index-news .right .top h4{float: left;font-size: 20px;font-weight: normal;color:#01A5A7;}
.index-news .right .top h4 span{margin-left: 20px;font-size: 16px;color: #c8c8c8;}
.index-news .right .top .more{float: right;display: block;width: 80px;padding:2px;text-align: center;background-color: #01A5A7;color: #FFF;}
.index-news .right ul{}
.index-news .right li {clear: both;overflow: hidden;border-bottom: 1px dashed #DDD;margin: 15px 0px;}
.index-news .right li div{clear: both;margin-bottom: 5px;height: auto;overflow: hidden;}
.index-news .right li span{display: block;width: 20px;background-color: #BEBEBE;text-align: center;float: left;padding: 2px;margin-right: 10px;color: #FFF;}
.index-news .right li div.wen span{background-color:#01A5A7; }
.index-news .right li div.wen a{color: #01A5A7;}

.now-position a{color:#01A5A7;margin: 5px; }
.pager{overflow: visible !important;}
.pager a{padding: 2px 10px;border: 1px solid #DDD;color: #333;margin: 0px 2px;}
.pager a.active-page{background-color:#01A5A7;color: #FFF; }
/*css3*/
.delay-1{
    animation-delay:0.2s;
    -webkit-animation-delay:0.2s;
}
.delay-2{
    animation-delay:0.4s;
    -webkit-animation-delay:0.4s;
}
.delay-3{
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}
.delay-4{
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}
.delay-5{
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.delay-10{
    animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}



@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}



.scale:hover{
	-webkit-transform: rotate(360deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	cursor: pointer;
}

.updown:hover{
	-webkit-animation-name: pulse;
  	animation-name: pulse;
}


@keyframes pound {
    from { transform: none; }
    50% { transform: scale(1.1); }
    to { transform: none; }
}

@-webkit-keyframes pound {
	from { transform: none; }
	50% { transform: scale(1.1); }
	to { transform: none; }
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


.jqzoom {
    border: 1px solid black;
    float: left;
    position: relative;
    padding: 0px;
    cursor: pointer;
}

.jqzoom img {
    float: left;
}

div.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px !important;
    height: 70px !important;
    border: 1px solid #aaa;
    background: #FFF 50% top no-repeat;
    ;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}