/**组件样式**/ /* 图片放大缩小样式*/ body>div{margin:0 auto;} a img {border:0;} ul, ol, li {list-style-type:none;vertical-align:0;} a {outline-style:none;color:#535353;text-decoration:none;} a:hover { color: #D40000; text-decoration: none;} .hidden{display:none;} /* 效果CSS开始 */ .msKeimgBox { width: 100%; overflow: hidden; position: relative;} .msKeimgBox ul { width: 100%;} .mskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important ;} .mskelayBox { height: 568px; width: 332px; margin-top: -100px; margin-left: -150px; position: absolute; left: 50%; top: 50%;border: 7px solid #FFF; z-index: 2000000; background: #FFF; display: none; _display:none!important ;} .mskeImgBg { height: 57px; width: 100%; position: absolute; left: 0px; bottom: 0px;} .mskeClaose { position: absolute; top: -17px; right: -17px; cursor: pointer;} .mske_downIco { position: absolute; left: 0px; top: 0px;} .mske_imgDown { background: url(../images/mke_layBg.png) repeat; height: 57px; width: 818px; position: absolute; right: 0px; bottom: 0px; font: 13px/57px "微软雅黑"; color: #FFF;} .mske_imgDown a { margin-left: 34px;} .msKeimgBox ul li { float: left; height: 436px; margin: 10px; width: 250px; cursor: pointer;} .mskeTogBtn { background: url(../images/mke_moreImg.jpg) no-repeat; height: 436px; width: 250px; position: absolute; z-index: 1; right: 0px; cursor: pointer; bottom: 0px;} .mskeTogBtn2 { background: url(../images/mke_moreImg2.jpg) no-repeat; bottom: 10px;} .msKeimgBox2 { height: auto;} .mske_html{width:100% !important;} .mske_html img{width:100% !important;} /* 效果CSS结束 */ @media screen and (max-width:380px) { .mskelayBox{width:295px;} }