www.gusucode.com > 200套html5精品模板51_75 > 065/stylesheets/jquery.id.moover-1.5.css

    /*
 * jQuery mOover v.1.5 CSS Part
 
 * http://www.idangero.us/sliders/moover/
 *
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 
 * Licensed under the iDangero.us Limited Regular License (RL Limited)
 * Licensing Terms: http://www.idangero.us/index.php?content=article&id=21
 
 * Released on: May 7, 2012
 */
@charset "UTF-8";
.moover {
	position:relative;
}
.moover .moover-slide {
	position:absolute;
	left:0;
	top:0;
	display:none;
	overflow:hidden;
	z-index:100;
}
.moover .moover-active-slide {
	display:block;
	z-index:90	
}
.moover .moover-slide .moover-text, .moover .moover-text > p, .moover .moover-TW, .moover .moover-slide > img {
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-ms-transition-property:all;
	-o-transition-property:all;
	transition-property:all;
}
.moover .moover-slide .moover-text, .moover .moover-slide > img {
	position:absolute;
	z-index:5;
	max-width:none;
	min-width:none;
}
.moover .moover-slide p {
	margin:0;
	text-align:right;padding-top:40px;
}
.moover .moover-text {
	margin:0;
	padding:0;
}
.moover .moover-TW {
	display:inline-block;
}
.moover .moover-absolute p {
	position:absolute;
}
.moover-slide {
	width:100%;
	height:100%;	
}
/* Set mOover's width and height! */
.moover{
	width:100%;
	height:435px;
	border-bottom:1px solid #fff;
	background:url(../images/moover/moover_shadow.png) center top no-repeat;
}
/* Preloader */
.moover-loading {
	background-image:url(../images/moover/moover-preloader.gif) !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;	
}

.moover_wraper {margin:0 auto;width:100%;background:#65b5d3 url(../images/moover/moover_bg.png) 0 bottom repeat-x;}
.moover, .moover-slide {width:100%;}
.moover p {font-size:22px;font-weight:bold;line-height:40px;color:#fff;}
.moover-switch {float:left;margin-right:5px;width:10px;height:10px;border:1px solid #333;}
.moover-switch-active {background:#333;}
.moover-nav {display:none;overflow:hidden;margin:10px 0;}
.controls {display:none;margin:-60px auto 0 auto;height:60px;padding:0 85px;top:-200px;position:relative;z-index:1000;}
.moover_wraper:hover .controls {display:block;}
.controls a {display:block;float:left;text-indent:-999em;width:60px;height:60px;background:url(../images/moover/arrows.png) no-repeat;}
.controls a.next {float:right;background-position:-70px 0;}

.moover-slide .moover-text p.sl1 {font:13px 'PT Sans';text-align:left;width:290px !important;position:absolute;top:40px;left:0;padding:0;}
.moover-slide .moover-text p.sl1 span {font:24px 'PT Sans';}
.moover-slide .moover-text p.sl1 strong {font-size:48px;display:block;text-transform:uppercase;line-height:48px;padding-bottom:10px;}
.moover-slide .moover-text p.sl1 strong span {font-size:90px;line-height:90px;}
.moover-slide .moover-text p .btn_l {margin-top:30px;}

.moover-slide .moover-text p.video {position:absolute;top:-40px;left:0;}
.moover-slide .moover-text p.sl2 {width:360px !important;font:24px 'PT Sans';text-align:left;padding-top:0;}
.moover-slide .moover-text p.sl2 strong {font-size:37px;line-height:37px;padding-bottom:10px;}
.moover-slide .moover-text p.sl2 strong span {display:block;font-size:82px;line-height:82px;text-transform:uppercase;}
.moover-slide .moover-text p.sl2 .btn {position:relative;display:block;text-align:right;}
.moover-slide .moover-text p.sl2 .btn span {position:absolute;top:0;right:30px;font:italic 18px 'PT Sans';padding:0 0 0 65px;background:url(../images/sliders/home_page_1/arrow.png) 0 20px no-repeat;}

.moover-slide .moover-text p.sl3 {width:510px !important;position:absolute;top:80px;left:0;}
.moover-slide .moover-text p.sl3 .btn span {right:80px;}
.moover-slide .moover-text p.sl4 {width:510px !important;position:absolute;top:80px;left:0;}
.moover-slide .moover-text p.sl4 .btn span {right:80px;}