@charset "utf-8";
#preset-1 {
width:745px;
height:220px;
position:relative;
margin:20px auto;
}
#left {
float:left;
width:199px;
height:220px;
margin-right:5px;
}
a:hover #photoA {
background:url(../IndiImg/preset/preset-2.jpg);
width:398px;
height:400px;
position:absolute;
top:-179px;
left:194px;
}
#middle {
float:left;
width:343px;
height:220px;
}
#right {
float:left;
width:197px;
height:220px;
}
a:hover #photoB {
background:url(../IndiImg/preset/preset-4.jpg);
width:394px;
height:400px;
position:absolute;
top:-179px;
left:161px;
}
#sketch {
width:701px;
height:364px;
margin:20px auto;
position:relative;
}
#preset-sketch {
position:absolute;
top:46px;
left:76px;
}
#picture-list {
width:740px;
height:500px;
margin:20px auto;
}
#picture {
width:352px;
height:500px;
float:left;
}
#list {
height:500px;
margin-left:4px;
float:left;
position:relative;
}
.products {
font-size:10px;
}
.list-1 {
width:380px;
margin:0;
}
a .e-A {
display:none;
}
a:hover .e-A {
display:block;
position:absolute;
top:5px;
left:78px;
width:300px;
overflow:hidden;
text-decoration:none;
}
a .e-B {
display:none;
}
a:hover .e-B {
display:block;
position:absolute;
top:150px;
left:103px;
width:300px;
overflow:hidden;
text-decoration:none;
}