锘縝utton { margin: 0; padding: 0; border: 0; font-size: 100%; background: transparent; } .hid { display: none; } #content { margin: 2px auto 0 auto; width: 1200px; height: 400px; } #page-container, #content-container { overflow: hidden; } #yt-capture-background { position: absolute; left: 0; width: 100%; height: 400px; overflow: hidden; } #yt-capture-background img { min-width: 100%; min-height: 100%; } #yt-capture-header { position: absolute; width: 970px; margin-top: 35px; z-index: 5; } #yt-capture-logotype img { float: left; } #yt-capture-logotype img.yt-capture-logo { margin: 13px 13px 0 25px; } .exp-new-site-width #yt-capture-header { width: 1003px; } #yt-capture-hero { position: relative; height: 400px; margin-bottom:10px; } #yt-capture-hero, #yt-capture-hero a { color: #fff; } #yt-capture-hero h2 { font-size: 40px; font-family: Open Sans, arial, sans-serif; font-weight: 300; line-height: 48px; } #yt-capture-hero h2 a { font-size: 40px; font-family: Open Sans, arial, sans-serif; font-weight: 300; line-height: 48px; } #yt-capture-hero h2 a:hover { color: #999999; } #yt-capture-hero p { font-size: 15px; line-height: 20px; margin: 15px 0; } #yt-capture-hero a { font-size: 16px; } #yt-capture-hero-nav { position: absolute; bottom: 16px; width: 100%; text-align: center; z-index: 3; } .yt-capture-hero-nav-item { margin: 0 8px; width: 0; height: 0; border: 8px solid #fff; outline: 0; font-size: 0; cursor: pointer; opacity: .5; *border-color:#ddd; *width:16px; *height:16px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 10px rgba(0,0,0,.6); -ms-box-shadow: 0 0 10px rgba(0,0,0,.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6); box-shadow: 0 0 10px rgba(0,0,0,.6); -moz-transition: opacity .15s ease-out; -ms-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; -webkit-transition: opacity .15s ease-out; transition: opacity .15s ease-out; } .yt-capture-hero-nav-item-current, .yt-capture-hero-nav-item:hover { opacity: 1; border-color: #fff } .yt-capture-hero-item { position: absolute; width: 360px; bottom: 125px; } .yt-capture-hero-iphone-capture, .yt-capture-hero-iphone-share, .yt-capture-hero-iphone-enhance { position: absolute; bottom: -125px; z-index: 0; } .yt-capture-hero-iphone-capture { left: 460px; } .yt-capture-hero-iphone-share { left: 550px; } .yt-capture-hero-iphone-enhance { left: 500px; } #yt-capture-hero-links { position: absolute; bottom: 50px; } #yt-capture-hero-links div.yt-uix-overlay { display: inline-block; } #yt-capture-overlay-target { cursor: pointer; font-size: 16px; } #yt-capture-promo-video { width: 640px; height: 360px; margin-top: 20px; } #yt-capture-promo-overlay-close { text-align: right; margin-top: 4px; margin-bottom: -10px; } #yt-capture-promo-overlay-close .yt-uix-overlay-close:hover, #yt-capture-promo-overlay-close .yt-uix-overlay-close:focus { background-color: transparent; } .yt-capture-hero-item h2, .yt-capture-hero-item p { position: relative; left: -15px; } .yt-capture-hero-item-img { margin-left: 30px; } .yt-capture-hero-item h2, .yt-capture-hero-item p, .yt-capture-hero-item-img { -moz-transition: all .55s ease-in-out; -ms-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; -webkit-transition: all .55s ease-in-out; transition: all .55s ease-in-out; } .yt-capture-hero-item-current { z-index: 3; } .yt-capture-hero-item-current h2, .yt-capture-hero-item-current p { left: 0; } .yt-capture-hero-item h2, .yt-capture-hero-item p, .yt-capture-hero-item-img { opacity: 0; *display:none; } .ie8 .yt-capture-hero-item h2, .ie8 .yt-capture-hero-item p, .ie8 .yt-capture-hero-item-img { display: none; } .yt-capture-hero-item-current h2, .yt-capture-hero-item-current p, .yt-capture-hero-item-current img { opacity: 1; *display:block; } .ie8 .yt-capture-hero-item-current h2, .ie8 .yt-capture-hero-item-current p, .ie8 .yt-capture-hero-item-current-img { display: block; } .yt-capture-hero-item-current .yt-capture-hero-item-img { margin-left: 0; } .yt-capture-hero-item-arrow { width: 0; height: 0; margin-left: 35px; border: 10px solid transparent; border-left-color: #fff; vertical-align: text-bottom; } #yt-capture-features { color: #434343; margin-bottom: 40px; } #yt-capture-features h3 { margin-bottom: 15px; font-size: 18px; font-family: Open Sans, arial, sans-serif; font-weight: 300; } #yt-capture-features p { font-size: 13px; line-height: 20px; } .yt-capture-features-illustration { float: left; width: 50px; margin-right: 30px; text-align: right; } #yt-capture-available { color: #434343; border-top: 1px solid #e2e2e2; padding: 55px 0 0; text-align: center; font-size: 18px; font-family: Open Sans, arial, sans-serif; } #yt-capture-appstore img { margin: 20px 0; } #yt-capture-available-soon { color: #999; }