/* 懒人图库 搜集整理 www.lanrentuku.com */





/*本例css*/

.www51buycom { width: 1100px; height: 500px;position: relative; overflow:hidden;  }



/*数字按钮样式*/

.www51buycom .num { overflow:hidden;height:15px;position:absolute;bottom:12px;left:0;zoom:1; z-index:3;width:100%;text-align:center; }

.www51buycom .num li { width: 12px; height: 12px; background: rgb(237, 237, 237); margin-right: 10px;cursor:pointer;border:2px solid #fff;border-radius:50%;display:inline-block; box-sizing:border-box;}

.www51buycom .num li.on { background: #fff; border-color:rgb(237, 56, 56); } /*当前项*/



/*上一个  下一个*/

.www51buycom .prev,

.www51buycom .next {width: 45px; height: 100px; background:none; border:none; text-align:center; line-height:100px; font-size:50px; font-weight:bold; color:#d3d2d3; position: absolute; top: 50%; margin-top:-50px; padding:0; transition:all 0.3s ease 0.4s; opacity:0; cursor:pointer;}

.www51buycom .prev { left: 20px; }

.www51buycom .next { right: 20px; }
.www51buycom:hover button{ opacity:1;}
.www51buycom:hover .prev{ left:0;}
.www51buycom:hover .next{ right:0;}