/* ÀÁÈËÍ¼¿â ËÑ¼¯ÕûÀí www.lanrentuku.com */







.m-artlist {margin-left:auto;margin-right:auto;width:1200px;}
.m-artlist-2 img, .m-artlist-2 .bor, .m-artlist-2 a, .m-slbanner .prev a, .m-slbanner .next a { transition: all 0.3s ease 0s; }
.m-artlist a, button { cursor: pointer; }
.m-artlist a { text-decoration: none; color: rgb(68, 68, 68); outline: medium none; }
.m-artlist a:hover { text-decoration: none; color: rgb(117, 148, 179); }

.m-artlist .item { float: left; width: 322px; margin: 30px 14px 0px 0px; }
.m-artlist .img { position: relative; height:178px; }
.m-artlist .img a, .m-artlist .img img, .m-artlist .bor, .m-artlist-2 .imgbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-artlist .bor { width: 320px; height: 320px; border: 10px solid rgb(0, 0, 0); opacity: 0; }
.m-artlist-1 .bor:nth-child(2), .m-artlist-1 .bor:nth-child(3), .m-artlist-1 .bor:nth-child(4) { display: none; }
.m-artlist-2 .img { height: 176px; }
.m-artlist-2 .bor { width: 318px; height: 174px; border: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 1; }
.m-artlist-2 .bor:first-child { left: 8px; top: 8px; }
.m-artlist-2 .bor:nth-child(2) { left: 6px; top: 6px; }
.m-artlist-2 .bor:nth-child(3) { left: 4px; top: 4px; }
.m-artlist-2 .bor:nth-child(4) { left: 2px; top: 2px; }
.m-artlist-2 .txt { margin-top: 10px; }
.m-artlist-2 a:hover img { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.m-artlist-2 a:hover .bor:first-child { 
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.m-artlist-2 a:hover .bor:nth-child(2) { 
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}
.m-artlist-2 a:hover .bor:nth-child(3) { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
 }
 .m-artlist-2 a:hover .bor:nth-child(4) { 
     -moz-transform: rotate(-5deg);
     -webkit-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg);
 }
