www.gusucode.com > 左右滑动全屏jQuery焦点图特效源码程序 > 左右滑动全屏jQuery焦点图特效/jquery左右全屏背景通栏焦点图效果/jquery左右全屏背景通栏焦点图效果/css/css2.css

    /* download by http://www.srcfans.com */
body.exp-new-site-width #content {
	position:static
}
#page-container, #content-container {
	overflow:hidden
}
#yt-capture-background {
	position:absolute;
	left:0;
	width:100%;
	height:443px;
	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:443px;
	margin-bottom:65px
}
#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 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
}