@charset "utf-8";
body {padding:0; margin:0;
    background: url("http://www.ugg.cn/public/themes/images/ihu/smudge.png") repeat scroll 0 0%, url("http://www.ugg.cn/public/themes/images/ihu/texture.jpg") repeat scroll 0 0 #fff;
    color: #000;
    font-family: "Gotham-Book","黑体",proxima-nova,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}
#top-notification-bar h3 {margin: 0 0 5px;}
#top-notification-bar .fadeout-container{ position:relative;}
#top-notification-bar .close{top:-1.5em;}
.email-signup-slot .email-container-div .email-input .form-control, #top-notification-bar.email-optin .email-container-div .email-input .form-control {
    height: 52px;
    padding: 0 16px;
}
/*二维码样式*/


#wrapper{ width:100%;}
#ihu-header header {font-family: "Gotham-Book","黑体",proxima-nova,sans-serif;padding: 0;position: relative;}
#ihu-header .header-search button {background:url("http://www.ugg.cn/public/themes/images/ihu/icons.svg") no-repeat;}
#ihu-header .header-search button {background-color: #fff;background-position: -98px -80px;background-size: 220px auto;height: 40px;width:20px;}
#ihu-header .header-search input {background:#fff;color: #ccc; left:21px;}
#ihu-header .header-search input:focus,#ihu-header .header-search input:hover{background:#f4f4f4;}

.header-utility {background:#fff;overflow: hidden;text-transform: uppercase;}
#ihu-header .header-banner {clear: both;color: #111;float: left;font-family: "museo-slab",cursive,"Gotham-Book","黑体";font-size: 1em;
    height: auto;position: relative;text-align: center;text-transform: capitalize;width: 100%;}
#ihu-header .header-banner p {left: 35%;margin: 0;padding: 0;position: absolute;top:12px;width: 30%;}
.header-utility .site-nav ul {font-family: "museo-slab","Gotham-Book","黑体";}
.header-utility .site-nav li {background: #fff;border-right: 1px solid #ddd;}
.header-utility .site-nav li.active,.header-utility .site-nav li:hover {background: url("http://www.ugg.cn/public/themes/images/ihu/texture.jpg") repeat scroll 0 0 #fff;}
.header-utility .site-nav li a {color: #111;display: inline-block;padding: 13px;text-decoration: none;}
.header-utility .site-nav li.active a ,.header-utility .site-nav li:hover a{color: #000; background:none;}
.header-utility .menu-utility li a {color: #111;}
/*顶部导航*/
.menu-utility-user li.basic-cart{ display:none;}

/*logo*/
.header-global {padding: 0;position: relative;display: block;margin: 0 auto; background:none;}
.header-global .mini-cart-wrapper {display: block;margin-left: auto;margin-right: auto;max-width: 1440px;position: relative;width: 100%;}
.header-global #mini-cart {bottom: 35px;padding-bottom: 10px;position: absolute;right: 35px;z-index: 700;}
.header-global .mini-cart-total {font-family: "museo-slab";font-weight: 700;}
.header-global .mini-cart-total {float: left;position: relative;}
.header-global .icon-cart-stripe:before{content:"";}
.header-global .mini-cart-total .icon-cart-stripe {background-image: url("http://www.ugg.cn/public/themes/images/ihu/icons.svg");}
.header-global .mini-cart-total .icon-cart-stripe {background-position: -83px -56px;background-size: 310px auto;display: block;height: 56px;margin-top: -15px;width: 56px;}
.header-global .mini-cart-total .mini-cart-empty {background: #d01111;border-radius: 50%;color: #fff;font-size: 0.8em;height: 15px;position: absolute;right: 4px;
    text-align: center;top: -8px;width: 15px;}
.header-global .mini-cart-total .mini-cart-empty a{ color:#fff;}
/*cart end*/
#ihu-header .ihu-logo {margin: 0 auto;position: relative; text-align:center;}
#ihu-header .ihu-logo a {background-image: url("http://www.ugg.cn/public/themes/images/ihu/icons.svg"); margin:0 auto;}
#ihu-header .ihu-logo a {background-position: 0 0;background-size: 550px auto;display: block;height: 150px;width: 150px; text-indent:-999em;}
.header-search {min-width:80px;}
/*main*/
#main {width: 100%;}
#home-main .margin-center{ max-width:1440px; margin:0 auto;}


.mobile-show {display:none !important;}
.mobile-hide {display: block;}
.grid figure {position:relative; line-height:0;}
.grid figure img {width:100%;vertical-align:top;}
.grid figcaption a {position:absolute; font-size: 1.8em; line-height:normal;}
.grid figcaption a:hover {text-decoration: none; opacity:.8;}
.grid .caption-center {left:0%; width:100%; text-align:center; }
.font-museo {font-family: museo-slab !important;}
.text-uppercase {text-transform: uppercase;}
.font-market {font-family: ff-market-web, cursive !important;}
.font-30 {font-size: 3em !important;}
.tablet-show {display: none;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.font-bold {font-weight: bold;}
.main-image {width:49% !important;}
.pos-rel { position:relative !important;}
.pos-abs { position:absolute !important;}

.top-main .caption-top-right {position: absolute; right:10%; top:0; width:51%;}
.top-main .caption-bottom-right {position: absolute; right:0%; bottom:0; width:51%;}
.video-link img {padding-left:30px;}
.icon-play { font-size:1.6em;}
.video-link .icon-play {bottom:1em; margin-left:-1%; color: #000;}
.column {margin: 15px 0;}
 
.popup .popup-header .popup-close {top: -55px; }
.popup .popup-header .popup-close:before, .popup .popup-header .popup-close:after {background: #fff !important;}

.no-padding {padding:0 !important;}

.video-headline {
	background: url('http://www.ugg.cn/public/themes/images/ihu/video-headline-sprite.png') no-repeat;
	background-position: 0 0;
	width: 100%;
	padding-bottom:38.7%;
	background-size: 100%;
}

.video-headline:hover{
	background-position: 0 100%;
	width: 100%;
	opacity: 1 !important;
}
.skulls .caption-center {top:50%;}
.skulls p {width:69%; margin:0 auto; line-height: normal; font-size:1.4em;}
.skulls .red-button {background: #bb3535; color: #000; display:inline-block; margin-top:3em; padding:8px 15px; font-size: 1em; }

.skulls .red-button:hover {background: #fff;}

.middle-section .inner-story {width:100%; height:24vw;}
/*.bottom-section .inner-story {width:100%; height:100%;}*/

.story .skull-button {
	background: url('http://www.ugg.cn/public/themes/images/ihu/S15-MAR-skull-button.jpg') no-repeat;
	background-position: 0 0;
	background-color: transparent;
	width: 260px;
	height: 50px;
	color:#bb3535;
	font-weight: bold;
	display: block;
	text-align: center;
	position:relative;
	top: 100%;
	padding-top:16px;
	margin:0 auto;
	
}

.story:hover .skull-button {
	background-image: none ;
	background-color: #bb3535;
	color: #000;
	opacity: 1 !important;
}

.story-button { font-size: 1em;}
.story:hover .story-button {background-color: none;}
.story:hover .story-button a span {text-decoration: none !important; border-bottom: none;}

.shop-boots {
	background: url('http://www.ugg.cn/public/themes/images/ihu/S15-MAR-home-boots.jpg') no-repeat top center; 
	background-size:103% 103%; 
	height:100%; 
	width:100%; 
	display:block; 
	border: 4px solid #000;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;}
		
.shop-casuals {
	background: url('http://www.ugg.cn/public/themes/images/ihu/S15-MAR-home-casuals.jpg') no-repeat top center; 
	background-size:103% 103%; 
	height:100%; 
	width:100%; 
	display:block; 
	border: 4px solid #000;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;}
		
.shop-sneakers {
	background: url('http://www.ugg.cn/public/themes/images/ihu/S15-MAR-home-DIY-sneakers.jpg') no-repeat top center; 
	background-size:103% 103%; 
	padding-bottom:98%; 
	width:100%; 
	display:block;
	border: 4px solid #fff; 
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;}
		
.story:hover .shop-boots, .story:hover .shop-casuals  {background-size:100% 100%; border: 4px solid #bb3535;}
.story:hover .shop-sneakers  {background-size:100% 100%; border: 4px solid #55ccdc;text-decoration:none;}
.story .shop-sneakers .story-button {color:#55ccdc; border: 2px solid #55ccdc; background-color:transparent; padding:8px 15px;position: absolute; top:7%; left:7%;}
.story:hover .shop-sneakers .story-button  {background-color: #55ccdc; color:#fff; width: auto; height: auto;}
.to-dye-for figcaption {color:#fff; top: 85%;}

/* Large desktop */
@media (max-width: 1400px) {
.middle-section .inner-story {width:100%; height:24vw;}
}

@media (min-width:768px) and (max-width:1024px) {
	.tablet-show {display:block !important;}
	.tablet-hide {display: none;}
	.skulls p {width:100%;}
	.middle-section .inner-story {height:25vw;}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.mobile-show {display:block !important;}
	.mobile-hide {display: none;}
	.skulls .caption-center {top:65%;}
	.middle-section .inner-story {height:54vw;}
	.container > .middle-section {margin-bottom:4em;}
	.to-dye-for figcaption {color:#4d4d4d; top:30%;}
  
}

@media (min-width: 300px) and (max-width: 479px) { 

 .skulls .caption-center {top:57%;}
 .skulls .red-button {margin-top:1em;}
}

/*share*/
.social-section * {position: relative;z-index: 2;}
.social-section {padding: 20px 0 15px;position: relative;width: 100%;}
.social-section:before {bottom: 0;content: "";
    display: block;left: -50%;margin: 0;position: absolute;top: 0;width: 200%;}
.social-section h2 {text-transform:none;
    color: #000;display: block;font-family: "ff-market-web",cursive; font-size: 60px;font-weight: normal; text-align: center;}
.social-section h2:before {content: url("http://www.ugg.cn/public/themes/images/ihu/share-arrow.png");left: 50%; margin-left: 150px;pointer-events: none;position: absolute;top: -209px;}
.social-section .social-icons {margin: 0 auto;width:226px;}
.social-section .social-icons span {background: url("http://www.ugg.cn/public/themes/images/ihu/social-icons-2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;float: left;height:85px;width: 66px; margin:10px 0 0 0; text-indent:-999em;}
.social-section .social-icons span.weibo{ background-position:0 -54px; margin-right:90px;}
.social-section .social-icons span.weibo a{ display:block;height:85px;width: 66px;}
.social-section .social-icons span.weixin{ background-position:-160px -54px}

/*footer*/
#top-notification-bar.email-optin{ background:#000;}
.email-signup-slot, #footer > footer{ background:none;}
#footer .footer-block .toggle{ color:#000;}
#footer > footer a, #footer > footer li > span { color:#000;}
/*back to top*/
.scroll-top {background-image: url("http://www.ugg.cn/public/themes/images/ihu/icons.svg");}
#footer > footer .scroll-top {
    background-position: 100px -200px;background-size: 550px auto;color: #000;display: block;font-family: "ff-market-web",cursive;font-size: 1.6em;
    height: 100px;margin:-40px auto 40px;padding-top: 90px;position: relative;text-align: center;transition: all 0.5s ease 0s;width: 100px; z-index: 700;}


/*底部会员账户样式*/
.footer-block .menu-utility-user{ float:none;}
.footer-block .menu-utility-user li{ clear:both; float:none; padding:0;}
.footer-block .menu-utility-user li.basic-cart{ display:block;}
.footer-block .menu-utility-user li.live-chat-link,.footer-block .menu-utility-user li.last,.footer-block .menu-utility-user li font{ display:none;}

#div_img{background: url("http://www.ugg.cn/public/themes/images/ihu/social-icons-2x.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);height:25px}


/*视频区域*/
.icon-play{font-size:2em;color:white;z-index:1;position:absolute;top:48%;left:0;width:100%;text-align:center}
.icon-play:before{border:3px solid white;border-radius:100px;padding:13px 18px 13px 22px}
.icon-play:hover:before{background:white;color:#111;text-decoration:none}
.pos-rel img{width:100%;}
.popup-overlay{background-color:black;opacity:0.6;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;display:none}
.popup{max-height:100%;position:fixed;margin:0 auto;padding-top:32px;top:0;left:0;right:0;z-index:1001}
.popup .pop-header{position:relative;overflow:visible}
.popup .pop-header .popup-close{width:32px;height:32px;position:absolute;top:-32px;right:0;background-image:url("http://www.ugg.cn/public/themes/images/resources/interface/close-empty-white.png");background-position:center;background-repeat:no-repeat}
.popup .popup-content{-webkit-box-shadow:0px,0px,21px,0px,rgba(0,0,0,0.5);box-shadow:0px,0px,21px,0px,rgba(0,0,0,0.5);background-color:#111;}
.popup.fullwidth{width:100%;max-width:1920px}
.popup.normal{width:100%;max-width:800px}
.popup.fade-in{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
.popup.fade-out{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;animation-name:fadeOut}