www.gusucode.com > 前后翻页的网页图片轮显代码源码程序 > 前后翻页的网页图片轮显代码/图片焦点图旋转流畅带有立体效果/图片焦点图旋转流畅带有立体效果/css/css.css

    @charset "utf-8";
/* Download by http://www.srcfans.com */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em {
	margin:0;
	padding:0;
	border:0;
}
ul, ol, li {
	list-style:none;
}
input, button {
	margin:0;
	font-size:12px;
	vertical-align:middle;
}
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto;
}
a {
	text-decoration:none;
}
.box-main {
	text-align:left;
	padding:40px 0 0 100px;
	margin:20px auto;
	background:url(../images/bg01.gif) no-repeat;
	width:662px;
	height:285px;
}
.phRotatorContainer01 {
	PADDING-RIGHT: 47px;
	PADDING-LEFT: 47px;
	PADDING-BOTTOM: 9px;
	PADDING-TOP: 9px;
	_padding-bottom: 6px
}
.phPhoto {
	POSITION: absolute;
	TEXT-ALIGN: center
}
.phPhoto IMG {
	WIDTH: 100%;
	HEIGHT: 100%
}
.phRotator {
	POSITION: relative
}
.phRotatingElement SPAN {
	DISPLAY: none
}
.phRotatorButtons {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 6px;
	TEXT-ALIGN: center
}
.phRotatorButtons A IMG {
z  BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none
}
.p_leftButton {
	DISPLAY: inline-block;
	FONT-SIZE: 0px;
	BACKGROUND: url(../images/rotator-prev.png) no-repeat;
	OVERFLOW: hidden;
	WIDTH: 31px;
	TEXT-INDENT: 0px;
	LINE-HEIGHT: 0;
	MARGIN-RIGHT: 5px;
	_background:none;
	HEIGHT: 31px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rotator-prev.png", sizingMethod="crop")
}
.p_rightButton {
	DISPLAY: inline-block;
	FONT-SIZE: 0px;
	BACKGROUND: url(../images/rotator-next.png) no-repeat;
	OVERFLOW: hidden;
	WIDTH: 31px;
	TEXT-INDENT: 0px;
	LINE-HEIGHT: 0;
	_background:none;
	HEIGHT: 31px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/rotator-next.png", sizingMethod="crop")
}
.phRotatorButtons:unknown {
 CLEAR: both;
DISPLAY: block;
VISIBILITY: hidden;
HEIGHT: 0px;
content: "."
}
.phRotator .p_indexButton {
	DISPLAY: inline-block;
	FONT-SIZE: 12px;
	BACKGROUND: url(../images/rotator-button-01.png) no-repeat;
	VERTICAL-ALIGN: top;
	OVERFLOW: hidden;
	WIDTH: 21px;
	COLOR: #5a5952;
	LINE-HEIGHT: 12px;
	_background:none;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 3px;
	POSITION: relative;
	TOP: 5px;
	HEIGHT: 21px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-01.png", sizingMethod="crop")
}
.phRotator .p_indexButton:hover {
	BACKGROUND: url(../images/rotator-button-02.png) no-repeat;
	_background:none;
	COLOR: #fff;
	TEXT-DECORATION: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-02.png", sizingMethod="crop")
}
.phRotator .p_indexButtonSelected {
	BACKGROUND: url(../images/rotator-button-02.png) no-repeat;
	COLOR: #fff;
	_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rotator-button-02.png", sizingMethod="crop")
}