You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
2.1 KiB
139 lines
2.1 KiB
* {
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
|
|
img {
|
|
border:0;
|
|
}
|
|
a {
|
|
text-decoration:none;
|
|
color:#333;
|
|
}
|
|
a:hover {
|
|
color:#1974A1;
|
|
}
|
|
/* 本例子css */
|
|
.foucebox {
|
|
width:1220px;
|
|
height:400px;
|
|
background:#fff;
|
|
margin:10px auto;
|
|
}
|
|
.foucebox .bd {
|
|
position:relative;
|
|
float:left;
|
|
width:720px;
|
|
height:400px;
|
|
overflow:hidden;
|
|
}
|
|
.foucebox .showDiv {
|
|
position:relative;
|
|
width:720px;
|
|
height:400px;
|
|
}
|
|
.foucebox .showDiv img {
|
|
width:746px;
|
|
height:400px;
|
|
}
|
|
.foucebox .showDiv p {
|
|
position:absolute;
|
|
left:20px;
|
|
bottom:0;
|
|
padding-right:20px;
|
|
color:#aaa;
|
|
z-index:9;
|
|
height:44px;
|
|
}
|
|
.foucebox .showDiv h2 {
|
|
position:absolute;
|
|
left:-20px;
|
|
bottom:0;
|
|
width:380px;
|
|
height:34px;
|
|
_background:none;
|
|
padding-left:40px;
|
|
_padding-left:0;
|
|
font-size:24px;
|
|
font-family:"Microsoft Yahei";
|
|
line-height:34px;
|
|
z-index:9;
|
|
overflow:hidden;
|
|
}
|
|
.foucebox .showDiv h2 a {
|
|
color:#8ecf12;
|
|
font-weight:normal;
|
|
}
|
|
.foucebox .foucebox_bg {
|
|
position:absolute;
|
|
left:0;
|
|
bottom:0;
|
|
width:746px;
|
|
height:120px;
|
|
background:#000;
|
|
filter:alpha(opacity=60);
|
|
opacity:0.6;
|
|
z-index:8;
|
|
overflow:hidden;
|
|
}
|
|
.foucebox .hd {
|
|
width:472px;
|
|
height:318px;
|
|
margin-top:0px;
|
|
float:right;
|
|
}
|
|
.foucebox .hd ul li {
|
|
width:153px;
|
|
height:196px;
|
|
float:left;
|
|
margin:0 0 10px 4px;
|
|
display:inline;
|
|
}
|
|
.foucebox .hd ul a {
|
|
display:block;
|
|
width:153px;
|
|
height:195px;
|
|
}
|
|
.foucebox .hd ul img {
|
|
width:153px;
|
|
height:195px;
|
|
border:0px solid #dddddd;
|
|
}
|
|
.foucebox .hd ul .txt_bg {
|
|
width:153px;
|
|
height:24px;
|
|
position:absolute;
|
|
left:1px;
|
|
top:167px;
|
|
background:url(../images/bg_png.png) no-repeat;
|
|
_background:none;
|
|
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="../images/bg_png.png");
|
|
}
|
|
.foucebox .hd ul .txt {
|
|
width:140px;
|
|
height:24px;
|
|
line-height:24px;
|
|
color:#fff;
|
|
position:absolute;
|
|
left:4px;
|
|
bottom:4px;
|
|
z-index:5;
|
|
text-align:right;
|
|
padding-right:5px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.foucebox .hd ul a:hover .mask,.foucebox .hd ul .on .mask {
|
|
display:none;
|
|
position:relative;
|
|
}
|
|
.foucebox .hd ul a:hover img,.foucebox .hd ul .on img {
|
|
border-color:#dddddd
|
|
}
|
|
.foucebox .hd ul a:hover {
|
|
color:#fff;
|
|
}
|
|
.foucebox .hd ul a:hover .txt_bg {
|
|
background:;
|
|
}
|