body{font-family:"Nunito Sans",helvetica,arial,sans-serif!important; color:#555; background:#faf1e0;}
.wapper{width:1200px; box-sizing:border-box;}
.row{ max-width:1600px; margin:0 auto;}
a{-webkit-transition: color .25s ease;-moz-transition: color .25s ease;-o-transition: color .25s ease;-ms-transition: color .25s ease;transition: color .25s ease; color:#333;}
img{ transition:all 0.4s ease 0s;}
#top_box{background:#faf1e0; color:#262626; line-height:32px; height:32px; border-bottom:1px solid rgba(224,130,196,0);}
#top_box .top_lt{ float:left; padding:0 10px;}
#top_box .top_lt_txt{ float:left; margin-right:10px; font-size:12px; height:32px; min-width:200px;}
#top_box .top_rt_box{ float:right;}
#top_box .top_rt{border:0; height:auto; margin:0; padding:0 0 0 20px; font-size:12px; color:#262626; font-weight:700;}
#top_box .login a{text-transform:capitalize;line-height:13px; color:#262626;}
#top_box .login a:hover{color:#ff6699;text-decoration:underline;}
#top_box .currency_txt{ font-size:12px; width:50px; text-align:center;}
#top_box .currency_txt i{background:none;width:auto;height:auto;margin:0;vertical-align:middle;font-size:22px; height:auto; line-height:normal;}
#top_box .drop_currency{ left:0px; top:32px; border-color:#ececec; box-shadow:none;}
#top_box .currency li a:hover{ background:#f74401;}

#top_box .shartto li{ float:left; padding-left:10px;}
#top_box .shartto li:first-child{ padding-left:0px;}
#top_box .shartto li a{width:20px; display:block; width:20px; text-align:center;}

#header_box{width:100%; box-sizing:border-box; position:relative; z-index:999; background:#fff;}
#header_box .row{ position:relative;}
#header_box .header{ position:relative; z-index:1001; transition:color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,transform .3s .25s ease-out; box-sizing:border-box;}
#header_box .logo,#header_box .nav_warp,#header_box .header_rt{ float:left; padding:0 10px; box-sizing:border-box;}
#header_box .logo{ width:220px; height:82px; box-sizing:border-box; display:table;}
#header_box .logo a{ max-width:150px;vertical-align:middle; padding:2px 0; display:table-cell;}
#header_box .logo a img{ max-width:100%; max-height:82px;}

#header_box .nav_warp{width:780px; margin-top:0px; padding:12px 15px 0; box-sizing:border-box;}
#header_box .nav_box{border:0; height:72px;}
#header_box .nav{margin:0;width:100%; text-align:center; font-size:0; float:none;}
#header_box .nav>li{height:auto;padding:0 9px; display:inline-block; float:none; text-align:left;}
#header_box .nav>li>a{border:0;font-size:14px; height:auto;line-height:27px; padding:0 8px; margin:17px 0 28px; text-transform:capitalize; color:#000; display:block; font-weight:700; position:relative;}
#header_box .nav>li>a:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-radius: 2px; background-color: #f74401; -webkit-transition: height .3s ease,opacity .3s ease,background-color .3s ease; transition: height .3s ease,opacity .3s ease,background-color .3s ease; z-index: -1; opacity: 0;}
#header_box .nav li.home>a,#header_box .nav>li:hover>a{ color:#fff;}
#header_box .nav li.home>a:before,#header_box .nav>li:hover>a:before{ height: 100%; opacity: 1;}

#header_box .nav .sub_nav{ background: #fff; display: block; text-align: left; top: 150%; padding:20px 0 20px 30px; width: 220px; z-index: 900; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow:none; border:1px solid #ececec; box-sizing:border-box; display:block;}
#header_box .nav .sub_nav li{width:100%; padding:0; height:auto;}
#header_box .nav .sub_nav li a{color:#333; padding:5px 0; font-weight:bold; font-size:14px; height:25px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-weight:normal; transition:all 350ms ease;}
#header_box .nav .sub_nav li a span{ width:auto; margin-right:9px; margin-top:-1px;}
#header_box .nav .sub_nav li a:hover{color:#f76b6a;background:none; padding-left:3px;}

#header_box .nav>li.on .sub_nav{ top:100%; visibility:visible; opacity:1;} 

#header_box .cart_box,#header_box .search_icon{ width:42px; height:42px; line-height:42px;margin:22px 0;}
#header_box .search_icon{ float:right; font-size:14px; color:#666; text-align:center; }
#header_box .search_icon i{display:inline-block; text-align:center;cursor:pointer; font-size:20px; line-height:42px;}

#header_box .search_box{padding:21px 0;position:absolute;right:0;top:0;width:0%; z-index:1000;text-align:center; background:#fff;  z-index:1000; transition:all 1000ms ease; opacity:0; visibility:hidden; overflow:hidden;}
#header_box .search_box .search{ width:1200px; margin:0 auto; height:auto; padding:0; z-index:10; transition:all 300ms ease 0s; box-sizing:border-box;}
#header_box .search_box .search_input{ width:100%; height:44px; background:#fff; float:none; box-sizing:border-box; font-size:16px; padding:5px 12px 5px 55px; line-height:34px;}
#header_box .search_box .btn_search{ position:absolute; left:0; top:0; margin:0; border:none; background:none; height:44px; width:45px; text-align:center; font-size:35px; padding:0; color:#555;}
#header_box .search_box.search span{ text-transform:uppercase; display:block; margin-top:27px; width:100%; color:#777; letter-spacing:0.5px;}
#header_box .search_box .searchform{width:100%;height:auto;border:0;overflow:hidden;}
#header_box .search_box .close_search{position:absolute;right:0;top:0;width:45px;height:44px;line-height:44px;text-align:center;color:#555;font-size:30px;cursor:pointer; font-weight:bold; z-index:100;}
#header_box .search_box.open{ opacity:1; visibility:visible; width:100%; z-index:1000;}
#header_box .header.hide{ opacity:0; visibility:hidden;}

#header_box .header_rt{ width:200px;}
#header_box .header_rt i{ color:#333;}
#header_box .header_rt i:hover{ color:#f76b6a;}
#header_box .cart_box{padding:0; border:none; box-sizing:border-box; float:right;}
#header_box .cart_txt{ line-height:24px; font-size:14px; width:35px; padding-left:5px; text-align:center; padding-bottom:20px;}
#header_box .cart_txt a{display:inline-block; height:42px; line-height:42px;}
#header_box .cart_txt i{ margin:0; font-size:22px; width:23px; height:auto;}
#header_box .cart{ top:62px; right:-10px; box-shadow:none; border-color:#ececec;}
#shopping_cart_count{ position:absolute; right:-1px; top:0; display:block; width:19px; height:19px; text-align:center; line-height:18px; border-radius:50%; background:#f76b6a; font-weight:normal !important; color:#fff; font-size:12px;}

#header_box .login{ position:relative; width:35px; padding:0 5px; text-align:center; float:right;}
#header_box .login>a{ display:inline-block; padding:10px 0 0; height:33px; line-height:30px;}
#header_box .login a i{ font-size:27px;}

#header_box.posFixed{ border-bottom:1px solid #ddd; box-shadow:0 1px 12px 0 rgba(0,0,0,.15); position:fixed; left:0; top:0; padding-top:0; background:#fff;}
#header_box.posFixed .logo{ height:53px;}
#header_box.posFixed .nav>li{ padding-bottom:0;}
#header_box.posFixed .cart_txt{ padding-bottom:5px;}


#body_box{width:1200px;  background:#faf1e0;}
.body_box{ position:relative; z-index:100;}
.index_default{width:100% !important; padding-top:0 !important;}

.index_default .banner_box{ float:none; width:100%; height:auto;}
.index_default .banner_box img{ width:100%;}
.index_default .banner_box .text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%; height:auto; color:#323232; text-align:center;}
.index_default .banner_box .text h3{ font-size:32px; line-height:40px; font-weight:700; margin-bottom:20px; color:#000; transition:all 1s ease-in-out 1.2s; text-transform:uppercase;}
.index_default .banner_box .text h3 span{ display:block; color:#ff4136;}
.index_default .banner_box .text p{font-size:20px; line-height:24px; transition:all 1s ease-in-out 1.7s; color:#fff; font-weight:600;}
.index_default .banner_box .text .more{ display:inline-block; transition:all 1s ease-in-out 2s;}
.index_default .banner_box .text .more span{ display:inline-block; padding:12px 20px; line-height:16px; color:#fff; font-size:16px;  text-transform:uppercase; margin-top:20px; background:#f76b6a; transition:all 0.3s ease 0s;}
.index_default .banner_box .text .more span:hover{ opacity:0.8;}
.index_default .banner_box .text h3,.index_default .banner_box .text p,.index_default .banner_box .text .more{opacity: 0; transform: translateY(40%);}
.index_default .banner_box .swiper-slide-active .text h3,.index_default .banner_box .swiper-slide-active .text p,.index_default .banner_box .swiper-slide-active .text .more{opacity: 1; transform: translateY(0%);}

.index_default .home_ad{ position:relative; padding-top:60px; z-index:10; margin:0 -15px; box-sizing:border-box;}
.index_default .home_ad .ad{ float:left; width:50%; padding:0 15px; box-sizing:border-box;}
.index_default .home_ad .ad a{ display:block; position:relative; color:#333; overflow:hidden;}
.index_default .home_ad .ad a img{ width:100%; transition:all 0.3s cubic-bezier(.3,.1,.58,1) 0s;}
.index_default .home_ad .ad .text{ position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; width:100%;}
.index_default .home_ad .ad h5{ line-height:40px; font-size:40px; font-weight:700; color:#000; text-transform:capitalize; letter-spacing:1px; padding:0 15px 13px;}
.index_default .home_ad .ad p{ font-size:15px; margin:6px 0; font-weight:500; color:#000;}
.index_default .home_ad .ad a:hover img{ transform:scale(1.05);}
.index_default .home_ad .ad_txt{ width:100%; min-height:50px;}
.index_default .home_ad .ad_txt img{ width:100%;}


.index_default .tit{ padding:0; height:auto;line-height:44px; min-height:30px; margin:0 0 20px; text-transform:capitalize; border-bottom:none; position:relative; letter-spacing:1px; font-size:32px; color:#000; text-align:center;}
.index_default .tit a{display:inline-block; color:#1b2839; float:none; position:relative; z-index:5; font-weight:700;}
.index_default .tit .swiper_btn{ position:absolute; right:0; top:0;}
.index_default .tit .swiper_btn button{ width:30px; height:30px; background:#eeeeee; text-align:center; line-height:30px; border:none; padding:0; color:#555; transition:all 0.4s ease 0s; font-weight:bold;}
.index_default .tit .swiper_btn button:hover{ background:#ff4fa3; color:#fff;}

.index_default .pt-70{ padding-top:70px;}
.index_default .pro .tit a:after{ left:50%; transform:translateX(-50%);}
.index_default .pro_box{ min-height:50px; margin-bottom:30px;}
.index_default .pro_box{ overflow:hidden;}
.index_default .pro_change_title{ text-align:center; margin-bottom:15px;}
.index_default .pro_change_title ul{ border-bottom:1px solid rgba(210,210,210,.5); font-size:0;}
.index_default .pro_change_title li{ display:inline-block; margin:0 15px;}
.index_default .pro_change_title li a{ display:inline-block; font-size:16px; padding:9px 10px; text-transform:uppercase; color:#888; position:relative;}
.index_default .pro_change_title li a:after{ content: " "; display: block; position: absolute; bottom: 0; left: -1px; margin: 2px auto 0 auto; width: 1px; height: 2px; background-color: transparent; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease;}
.index_default .pro_change_title li.actived a{ color:#f24445;}
.index_default .pro_change_title li.actived a:after{width: 100%; background-color: #f24445;}
#productbox_tab{ position:relative;}
#productbox_tab>ul{ display:none;}
.index_default .featured .swiper_btn{ width:30px; height:30px; background:#eeeeee; border:none; text-align:center; line-height:30px; position:absolute; top:200px; z-index:10; font-size:12px; font-weight:bold; color:#a7a7a7; visibility:hidden; opacity:0; transition:all 0.35s ease; cursor:pointer;}
.index_default .featured .prev{ left:0;}
.index_default .featured .next{ right:0;}
.index_default .featured .swiper_btn:hover{ color:#fff; background:#ff4fa3;}
.index_default .featured .swiper-container-horizontal:hover .swiper_btn{ opacity:1; visibility:visible; z-index:100;}

.common_pro_list1 li{ margin:10px 0 0; width:25%; border:none; box-sizing:border-box;}
.common_pro_list1 li .product_inner{ position:relative; margin:0 10px;}
.common_pro_list1 li .product-item{ position:relative; overflow:hidden;}
.common_pro_list1 li .pic{ position:relative;}
.common_pro_list1 li .pic img{ vertical-align:middle; transition:all 0.6s ease 0s;}
.common_pro_list1 li .xj_pic{ backface-visibility:hidden; position:absolute; left:00; top:0; width:100%; height:100%; opacity:0;}
.common_pro_list1 li .xj_pic span{display:inline-block; vertical-align:middle; height:100%;}
.common_pro_list1 li .pic:hover .xj_pic{ opacity:1; transition:all 0.5s ease 0s;}
.common_pro_list1 li .pro_content{ padding:0; box-sizing:border-box; z-index:10;}
.common_pro_list1 li .name,.product_list_2017 .common_pro_list1 li .name{ color:#1b2839; font-size:14px; font-weight:400; padding:10px 0 0; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; text-align:left;}
.common_pro_list1 li .name:hover{color:#f76b6a;}
.common_pro_list1 li .price{font-weight:500; font-size:14px; line-height:24px; color:#757575; text-align:left;}
.common_pro_list1 li .price .sale{ color:#ff0b0b;}
.common_pro_list1 li .discount span{ font-size:14px;}
.common_pro_list1 li .content_b{ overflow:hidden;}
.common_pro_list1 li .timer_box{ text-align:left; float:left;}
.common_pro_list1 li .timer_box i{ background:none; font-size:15px; margin:0 0 -5px 0; font-weight:bold;}
span.discount-timer{ background:none; text-indent:0; padding:0;}
.common_pro_list1 li .free_shipping{ float:left; padding:0 15px 0 0;}
.common_pro_list1 li .free_shipping i,.common_pro_list1 li .timer_box i{ width:15px; height:15px; border-radius:3px 0 0 3px; background:#f79742; font-size:12px; color:#fff; line-height:15px; border: 1px solid #e19138; border-right:0; float:left; margin:0; text-align:center;}
.common_pro_list1 li .free_shipping span,.common_pro_list1 li .timer_box>span{ height:15px; line-height:15px; border:1px solid #e6dfab; background:#fff7d7; padding:0 10px; border-radius:0 3px 3px 0; color:#816c24; float:left;}
.common_pro_list1 li .sold_out_box{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:10;}
.common_pro_list1 li .sold_out_box span{ left:50%; transform:translateX(-50%); background:#afafaf; padding:5px 10px; width:auto; white-space:nowrap; border-radius:20px; line-height:25px; height:25px; font-size:14px; font-weight:400;}
.common_pro_list1 li .newin{ left:0; top:0; background:#ff3030; padding:0 10px; font-size:11px; font-weight:600; height:25px; line-height:25px; text-transform:uppercase;}
.common_pro_list1 li .discount{ background:#83b738; right:0; top:15px; padding:0 10px; width:auto; height:25px; line-height:25px; font-weight:600; z-index:11;}
.common_pro_list1 li .review{}
.common_pro_list1 li .star{ background:none;}
.common_pro_list1 li .star i{ font-size:12px; color:#c7c7c7; transform:scale(0.9);}
.common_pro_list1 li .star i.cur{ color:#f24445;}
.common_pro_list1 li .wrap-addto{ position:absolute; bottom:-40px; left:0; visibility:hidden; opacity:0; transition:all 0.5s; z-index:5; text-align:center; font-size:0; border:1px solid #eaeaea; border-right:0; transition:bottom .3s cubic-bezier(.785,.135,.15,.86),opacity .3s cubic-bezier(.785,.135,.15,.86);}
.common_pro_list1 li .wrap-addto a{ display:inline-block; height:38px; width:40px; text-align:center; line-height:38px; color:#848484; background:#fff; border-right:1px solid #eaeaea; box-sizing:border-box; transition:left .35s cubic-bezier(.785,.135,.15,.86),width .35s cubic-bezier(.785,.135,.15,.86),bottom .35s cubic-bezier(.785,.135,.15,.86),margin-left .35s cubic-bezier(.785,.135,.15,.86);}
.common_pro_list1 li .wrap-addto a i{ font-size:20px; position:relative;}
.common_pro_list1 li .wrap-addto a.add_to_cart i{ font-size:15px;}
.common_pro_list1 li .wrap-addto a.quickview i{ font-size:19px;}
.common_pro_list1 li .wrap-addto a:hover{ background-color:#f6f6f6; color:#f24445;}
.common_pro_list1 li .product_inner:hover .wrap-addto a{-webkit-transform:perspective(1300px) rotateY(0deg); transform:perspective(1300px) rotateY(0deg);}
.common_pro_list1 li .product_inner:hover .wrap-addto{ opacity:1; visibility:visible; bottom:0;}
.common_pro_list1 li .product_inner:hover .name{ color:#f76b6a;}
.index_default .common_pro_list1{ margin:0;}
.index_default .common_pro_list1 li{ width:25%;}
.index_default .common_pro_list1 li.other{ width:100%; margin:0;}
.index_default .common_pro_list1 li .pic{width:100%;height:100%;overflow:hidden;  position:relative;}
.index_default .common_pro_list1 li .pic img{max-width:100%;max-height:100%;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;-ms-transition: 0.5s all ease-in-out;-o-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;width: 100%;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.index_default .common_pro_list1 li .sold_out_box span{ top:50%; transform:translate(-50%,-50%);}

.index_default .col-lg-8,.index_default .col-lg-6,.index_default .col-lg-4{ float:left; padding:0 10px; box-sizing:border-box;}
.index_default .col-lg-8{ width:66.666667%;}
.index_default .col-lg-6{ width:50%;}
.index_default .col-lg-4{ width:33.333333%;}

.index_default .categories_pro{ padding:60px 0; background:#e0dbfb url(../images/image-parallax2-e1529567720974.jpg) no-repeat;}
.index_default .categories_pro .tit{ text-transform:uppercase; padding-bottom:20px;}
.index_default .categories_pro .categories{ width:850px; margin:0 auto; overflow:hidden;}
.index_default .categories li{ padding:15px; width:25%; margin:0; box-sizing:border-box;}
.index_default .categories li img{ width:100%;}
.index_default .categories li .name{padding:15px 10px; text-align:center; color:#000;}
.index_default .categories li p{ line-height:32px; font-size:18px;}


.index_default .news{ padding:30px 0;}
.index_default .news .tit{ margin-bottom:30px;}
.index_default .news li{ width:33.3333%; float:left; box-sizing:border-box;}
.index_default .news li .container{ margin:15px; background:#f8f8f8; transition:all .3s;}
.index_default .news li .pic{ position:relative; display:block;}
.index_default .news li .pic img{ width:100%;}
.index_default .news li .pro_content{ padding:25px;}
.index_default .news li h5{ line-height:25px; font-size:20px; font-weight:700; margin-bottom:10px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.index_default .news li h5 a{ color:#3333;}
.index_default .news li span{ line-height:13px; display:block; font-size:12px; color:#cbcbcb; margin-bottom:10px;}
.index_default .news li p{ font-size:14px; margin:10px 0 5px; line-height:24px;}
.index_default .news li a.more{ font-size:12px; display:inline-block;}
.index_default .news li .container:hover{ box-shadow: 0 10px 20px rgba(0,0,0,.15); -webkit-transform: translateY(-10px); transform: translateY(-10px);}

.index_default .index_ins_box .ins_tab a{ font-size:16px; color:#888;}
.index_default .index_ins_box .ins_tab a.on{ color:#f24445;}
.index_default .index_ins_box .ins_tab a img{ width:30px; height:30px;}

.showform{ background:#fff;}
.product_detail_2017 .viewfontright{ width:555px;}


#bottom_box{width:100%; background:#fafafa; padding:0;}
#bottom_box .bottom_top{ background:#f24445 url(../images/image-parallax-1-e1529567147561.jpg) no-repeat;}
#bottom_box .bottom_top .container{ width:50%; padding:60px 0; margin:0 auto;}

#bottom_box .contact_us{ min-height:30px; overflow:hidden; font-size:0; text-align:center; margin-bottom:50px;}
#bottom_box .contact_us>div{ width:33.333%; padding:0 15px; font-size:14px; display:inline-block; color:#fff; box-sizing:border-box;}
#bottom_box .contact_us i{ background:none; font-size:30px; margin-bottom:20px;}

#bottom_box .newsletter{ margin-bottom:50px;}
#bottom_box .newsletterform{ width:100%; padding:0 0 0 10px; text-align:center;}
#bottom_box .newsletter h4{ text-align:center; font-size:30px; text-transform:capitalize; color:#fff; line-height:40px; margin-bottom:20px;}
#bottom_box .newsletter .newsletter_txt{ width:430px; display:inline-block; padding:7px 9px 7px 9px; height:38px; line-height:24px; box-sizing:border-box; margin-right:15px;}
#bottom_box .newsletter .newsletter_btn{ width:auto; padding:0 15px; display:inline-block; letter-spacing:2px; background:none; height:38px; line-height:38px; font-weight:700; text-transform:uppercase; margin:0; color:#363636; border:2px solid #363636; box-sizing:border-box;}
#bottom_box .newsletter .newsletter_btn:hover{ background:#363636; color:#fff;}

#bottom_box .link_box{ margin:0 -15px; overflow:hidden;}
#bottom_box .link_box .bottom_text{ float:left; width:25%; min-height:50px; padding:0 30px 0 15px; box-sizing:border-box;}
#bottom_box .link_box .bottom_text p{ padding-bottom:25px; line-height:25px; font-size:13px;}
#bottom_box .link_box dl{width:18.75%; padding:0 15px; box-sizing:border-box;}
#bottom_box .link_box dl dt{text-transform: uppercase;color:#1b2839; letter-spacing:1px; font-size:14px; margin-bottom: 15px; font-weight:600;}
#bottom_box .link_box dl dd{ line-height:23px;}
#bottom_box .link_box dl dd a{padding:5px 0;color:#666;font-size:14px;}
#bottom_box .link_box dl dd a:hover{ color:#f76b6a;}

#bottom_box .foot{min-height:30px; text-align:center;color:#fff; background:#1e1e1e; padding:15px 0; font-size:14px;}
#bottom_box .copyright,#bottom_box .payment{ float:left; width:50%; min-height:30px;}
#bottom_box .copyright{ text-align:left; padding:0; color:#fff; line-height:35px;}
#bottom_box .payment{ border:none; text-align:right; padding:0;}

/*1200列表页修改*/
.product_list_2017 .common_pro_list1 li.none{margin-right:0;}
.product_list_2017 .common_pro_list1 li .pic,.common_pro_list1 li .pic{width:100%;height:auto;line-height:normal;}
.product_list_2017 .common_pro_list1 li .pic img,.common_pro_list1 li .pic img{max-width:100%;max-height:100%;}

/*快速弹窗*/
.mini_detail{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;}
.mini_detail .mini_detail_bg{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:-1;}
#mini_detail{position:fixed;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);left:0;right:0;margin:auto;width:960px;position:relative;}
#mini_detail .icon-iconfontclose{position:absolute;right:10px;top:10px;font-size:30px;background:none;color:#333;cursor:pointer;}



/*-- slide animations --*/
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1.5s; 
    -webkit-animation-duration: 1.5s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

.common_pro_list1 i,.index_default i,#header_box i{ background:none;}
a:hover{ color:#ff4136;}