body {
background: #f9f9f9;
margin: 0 auto;
text-align: center;
}
body, iframe, div, p, h1, h2, h3, h4, h5, h6, fieldset, ul, dl, dt, dd, form, input, button, textarea, select, i {
margin: 0px;
padding: 0px;

}
ul {
list-style: none;
overflow: hidden;
}
img {
border: none;
}
.main {

width: 730px;
margin: 100px auto;
position: relative;
bottom:50px;
left:50px;
text-align: left;
float:left;
}
.main:after {
content: "";
clear: both;
display: table;
}
#show {
width: 240px;
height: 338px;
overflow: hidden;
position: relative;
left: 0;
}
#show_mark {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100px;
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
cursor: crosshair;
border: 1px solid #999;
display: none;
}
#zoom {
position: absolute;
left: 250px;
top: 0;
z-index: 3;
width: 400px;
height: 400px;
display: none;
overflow: hidden;
border: 1px solid #eee;
}
#zoom img {
position: absolute;
left: 0;
top: 0;
}

.intro{ font-size:16px; color:#900; position: relative; top:550px; margin-left:280px; width:455px}