.mod-lxsmallguide-140609 span.bg{
background-image: url("//cbu01.alicdn.com/cms/upload/2014/904/279/1972409_81076344.png");
background-repeat: no-repeat;
}
a:hover{
text-decoration: none;
}
.mod-lxsmallguide-140609 .content{
padding: 10px 0 0 10px;
*padding-bottom: 10px;
_padding-bottom: 0;
background-color: #fff;
}
.mod-lxsmallguide-140609 .big{
width: 580px;
height: 303px;
overflow: hidden;
float: left;
_display: inline;
margin: 0 10px 3px 0;
position: relative;
}
.mod-lxsmallguide-140609 .small{
height: 150px;
width: 580px;
overflow: hidden;
float: left;
_display: inline;
margin: 0 10px 3px 0;
position: relative;
}
.mod-lxsmallguide-140609 .up-bg{
width: 580px;
height: 303px;
opacity: 0.7;
filter:alpha(opacity=70);
position: absolute;
z-index: 1;
background-color: #000;
left: 0;
top: 0;
display: none;
}
.mod-lxsmallguide-140609 .hover .up-bg{
display: block;
}
.mod-lxsmallguide-140609 .up-ctnt{
position: absolute;
left: 0;
top: 0;
width: 580px;
height: 303px;
z-index: 2;
display: none;
}
.mod-lxsmallguide-140609 .hover .up-ctnt{
display: block;
}
.mod-lxsmallguide-140609 .big .up-ctnt h2{
font-weight: normal;
color: #fff;
font-size: 24px;
position: absolute;
height: 40px;
line-height: 40px;
left: 137px;
top: 51px;
}
.mod-lxsmallguide-140609 .big .up-ctnt ul{
position: absolute;
left: 137px;
top: 98px;
width: 289px;
height: 140px;
}
.mod-lxsmallguide-140609 .big .up-ctnt li{
position: absolute;
width: 64px;
height: 64px;
}
.mod-lxsmallguide-140609 .big .tag1{
left: 0;
top: 0;
}
.mod-lxsmallguide-140609 .big .tag2{
top: 0;
left: 77px;
}
.mod-lxsmallguide-140609 .big .tag3{
top: 0px;
left: 154px;
}
.mod-lxsmallguide-140609 .big .tag4{
top: 0px;
left: 231px;
}
.mod-lxsmallguide-140609 .big .tag5{
top: 79px;
left: 0px;
}
.mod-lxsmallguide-140609 .big .tag6{
top: 79px;
left: 77px;
}
.mod-lxsmallguide-140609 .big .tag7{
top: 79px;
left: 154px;
}
.mod-lxsmallguide-140609 .big .tag8{
top: 79px;
left: 231px;
}
.mod-lxsmallguide-140609 .big .up-ctnt span{
display: inline-block;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 14px;
}
.mod-lxsmallguide-140609 .big .up-ctnt a:hover span{
color: #fff !important;
}
.mod-lxsmallguide-140609 .up-ctnt a:hover span.bg{
opacity: 0.8;
filter:alpha(opacity=80);
}
.mod-lxsmallguide-140609 .big span.tag-name{
position: absolute;
left: 0;
top: 0;
z-index: 1;
cursor: pointer;
}
.mod-lxsmallguide-140609 .big .tag1 .bg{
background-position: -145px -133px;
}
.mod-lxsmallguide-140609 .big .tag2 .bg{
background-position: -221px -133px;
}
.mod-lxsmallguide-140609 .big .tag3 .bg{
background-position: -297px -133px;
}
.mod-lxsmallguide-140609 .big .tag4 .bg{
background-position: -372px -133px;
}
.mod-lxsmallguide-140609 .big .tag5 .bg{
background-position: -145px -210px;
}
.mod-lxsmallguide-140609 .big .tag6 .bg{
background-position: -221px -210px;
}
.mod-lxsmallguide-140609 .big .tag7 .bg{
background-position: -297px -210px;
}
.mod-lxsmallguide-140609 .big .tag8 .bg{
background-position: -372px -210px;
}
.mod-lxsmallguide-140609 .up-ctnt .more{
width: 137px;
height: 34px;
overflow: hidden;
display: inline-block;
text-align: center;
line-height: 34px;
color: #fff;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
background: url("//cbu01.alicdn.com/cms/upload/2014/985/279/1972589_81076344.png") no-repeat;
}
.mod-lxsmallguide-140609 .up-ctnt .more:hover{
color: #fff !important;
text-decoration: none;
}
.mod-lxsmallguide-140609 .small .up-ctnt,
.mod-lxsmallguide-140609 .small .up-bg{
height: 150px;
}
.mod-lxsmallguide-140609 .small .up-ctnt h2{
font-weight: normal;
color: #fff;
font-size: 20px;
position: absolute;
height: 40px;
line-height: 40px;
left: 37px;
top: 55px;
}
.mod-lxsmallguide-140609 .small ul{
position: absolute;
left: 218px;
top: 18px;
width: 198px;
height: 128px;
}
.mod-lxsmallguide-140609 .small ul li{
width: 55px;
height: 55px;
float: left;
_display: inline;
margin: 0 11px 9px 0;
}
.mod-lxsmallguide-140609 .small .bg,
.mod-lxsmallguide-140609 .small .tag-name{
position: absolute;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
color: #fff;
text-decoration: none;
cursor: pointer;
}
.mod-lxsmallguide-140609 .small a:hover .tag-name{
color: #fff;
}
.mod-lxsmallguide-140609 .small .tag1 .bg{
background-position: -246px -291px;
}
.mod-lxsmallguide-140609 .small .tag2 .bg{
background-position: -310px -291px;
}
.mod-lxsmallguide-140609 .small .tag3 .bg{
background-position: -375px -291px;
}
.mod-lxsmallguide-140609 .small .tag4 .bg{
background-position: -246px -353px;
}
.mod-lxsmallguide-140609 .small .tag5 .bg{
background-position: -310px -353px;
}
.mod-lxsmallguide-140609 .small .tag6 .bg{
background-position: -375px -353px;
}