ul.lst-album{overflow: hidden;}
ul.lst-album li{margin-bottom: 30px}
ul.lst-album li a{height: 260px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
ul.lst-album li a img{max-width: initial;}
ul.lst-album li a:before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .7) url(ic-view.png)/*tpa=http://locphat.odanang.com/wp-content/themes/HB20160930/images/front/ic-view.png*/ no-repeat center; position: absolute; left: 0; top: 0;}
ul.lst-album li a:after{content: ''; display: block; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 2; border: 1px solid rgba(255, 255, 255, .7);}
ul.lst-album li a span{font: 400 15px/20px 'Roboto', sans-serif; color: #fff; position: absolute; left: 0; top: calc(50% + 35px); width: 100%; text-align: center;}


ul.lst-album li a:before,
ul.lst-album li a:after,
ul.lst-album li a span
{opacity: 0; -webkit-transition: opacity .35s ease; -moz-transition: opacity .35s ease; -ms-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease;}
ul.lst-album li a:hover:before,
ul.lst-album li a:hover:after,
ul.lst-album li a:hover span
{opacity: 1;}