@import url("public.css");

.oneproduct {
    width:1000px;
    display: inline-block;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.oneproduct div {
    float: left;
}

/**************************图片放大**************************************/
.zoom {
    width: 480px;
    height: 440px;
    margin: 10px 0px 10px 10px;
    display:inline-block;
    position:relative;
}
.zoom .p1 { 
    position:absolute; 
    top:5px; 
    width:480px;
    color:#333; 
    font-size: 30px;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8; 
    background-color: rgb(255,255,255);
    padding: 5px 8px;
    text-align: center;

}
.zoom .p2 { 
    position:absolute; 
    border-bottom:30px; 
    bottom: 10px;
    right: 0px;
    width: 465px;
    color:#333; 
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity:0.6; 
    background-color: rgb(255,255,255);
    padding: 5px 8px;
}
/* 右上角图案 */
.zoomIcon { 
    width:33px; 
    height:33px; 
    position:absolute; 
    top:0;
    right:0;
    background:url("../Images/icon.png");
}
/* these styles are for the demo, and are not required for the plugin */
.zoom img {
    display: block;
    width: 480px;
    height: 440px;
}
.zoom img::selection { background-color: transparent; }

/******************小图**********************************************************/
.small {
    display:inline-block;
    width: 120px;
    height: 440px;
    margin: 10px 0px 10px 10px;
}
.small .updown {
    width: 120px;
    height: 30px;
    display: block;
    background-color: #eee;
    cursor: pointer;
}
.small .up{
    background: url("../Images/updown.jpg") no-repeat scroll 0px 0px ;
}
.small .up:hover{
    background-position: 0px -30px;
}
.small .down{
    background: url("../Images/updown.jpg") no-repeat scroll 0px -60px ;
}
.small .down:hover{
    background-position: 0px -90px;
}
.small .smallimg {
    width: 120px;
    height: 375px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.small .smallimg .moveit{
    position: absolute;
}
.small .smallimg img {
    width: 120px;
    height: 110px;
    margin-top: 5px;
    cursor: pointer;
}
.small .smallimg img:hover {
    width:116px;
    height: 106px;
    border: 2px solid #1994F2;
}
/***********************************************************/
.produce {
    width: 360px;
    height: 440px;
    margin: 10px;
}
.produce p{
    line-height: 25px;
    width: 320px;
    border-bottom: 1px dotted #aaa;
    padding:8px 20px 8px;
    color: #555;
    font-family: "宋体",Arial;
}
.produce p:hover {
    background-color: #eaeaea;
}
.produce p strong{
    font-size: 16px;
}

/*****************产品详细****************************/
.productdetail {
    width:1000px;
    display: inline-block;
}
/*其它产品*/
.others {
    width: 320px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.detail {
    width: 670px;
    float: right;
    margin-top: 10px;
}
.others h1{
    background-color: #F4B021;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height:50px;
    line-height: 50px;
}
.others .otherproduct ul, .others .contact ul {
    background-color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;    
}
.others .otherproduct li, .others .contact li {
    list-style: outside none none;

}
.others .otherproduct  li a , .others .contact li {
    display: inline-block;
    width: 260px;
    margin: 0px 10px;
    color: #555;
    padding:5px 20px;
    border-bottom: 1px dotted #aaa;
    height: 30px;
    line-height: 30px;
}
.others .otherproduct  li a:hover,.others .contact li:hover{
    background-color: #eaeaea;
    color: #333;
}
.others .contact{
    margin-top: 10px;
}
.contact a{
    color:#555;
}
.detailtitle{
    background-color: #1994F2;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height:50px;
    line-height: 50px;
    font-weight: 600;
}
.itemtitle,.itemcontent {
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;        
}
.itemcontent{
    margin-bottom:10px; 
}
.itemtitle h1{
    padding:15px 20px;
    font-size: 18px;
    color: #333;
}
.itemcontent p{
    line-height: 25px;
    padding: 10px 20px;
    font-family: "Arial","宋体";
}
.itemcontent img{
    max-width: 640px;
    margin: 10px;
}