@charset "utf-8";

#photoLinks {margin:0 -10px;padding: 40px 40px 0;}
#photoLinks:after {display:block; clear:both; visibility:hidden; content:'';}
#photoLinks .item {overflow: hidden;float:left;width: calc( 33.33%  - 20px);height: 210px;margin: 0 10px 20px;}
#photoLinks .item .thumb {position: relative;width: 100%;height: 100%;}
#photoLinks .item .thumb a {display:block; width:100%; height:100%;}
#photoLinks .item .thumb .img-thumb {position:relative; width:100%; height:100%;}
#photoLinks .item .thumb .img-thumb img {position: absolute;left: 50%;top: 50%;width: auto;min-width:100%;max-width: 1000%;height: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

#photoLinks .item .dn {position:relative;top:-27px;width:27px;}
#photoLinks .item .dn a{display:inline-block;padding:0; width:27px; height:27px; line-height:43px; text-align:center;}
#photoLinks .item .dn a,
#photoLinks .item .dn a:link,
#photoLinks .item .dn a:visited{border:1px solid #ccc;background:url(./../img/download_icon.jpg)no-repeat;color:#666;margin-bottom:5px;}
#photoLinks .item .dn a:hover,
#photoLinks .item .dn a:focus,
#photoLinks .item .dn a:active{background:url(./../img/download_icon.jpg)no-repeat;color:#fff;border:1px solid #63676d;}


@media(max-width:768px){
    #photoLinks {padding: 20px 20px 0;}
    #photoLinks .item {width: calc(50%  - 20px);}
}

@media(max-width:480px){
    #photoLinks .item {width: calc(100%  - 20px);}
}