.pic-show(@h:370px; @w:760px){
height: @h;
width: @w;
position: relative;
overflow: hidden;
//图片文字
.bd {
position: relative;
height: 100%;
overflow: hidden;
ul{
overflow: hidden;
li {
zoom: 1;
vertical-align: middle;
position: relative;
a.pic-cent{
display: block;
width: @w;
height: @h;
background:url("../images/op-bg.png") no-repeat;
position: absolute;
top: 0;
left:0;
&:hover{
background:url("../images/op-hover-bg.png") no-repeat;
}
}
a.pic-title{
position: absolute;
bottom: 12px;
left: 16px;
font-size: 16px;
color: #FFFFFF;
z-index: 99;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: @w*60%;
text-decoration: none;
cursor: pointer;
}
img{
width: @w;
height: @h;
}
}
}
}
//轮播点
.hd {
height: 15px;
overflow: hidden;
position: absolute;
right: 14px;
bottom:12px;
z-index: 1;
ul {
overflow: hidden;
zoom: 1;
float: left;
li {
float: left;
margin-right: 6px;
width: 10px;
height: 10px;
border-radius: 5px;
background: #fff;
cursor: pointer;
&.on {
background: #f00;
color: #fff;
}
}
}
}
}
添加回答
举报
0/150
提交
取消