#pics { padding:0px;z-index:0; }
    #pics li {width:100%; display:block;margin-bottom:16px; list-style: none; box-sizing: border-box; position: relative; overflow: hidden; border: 0; }
        #pics li:hover .shadow { opacity: 1; }
        #pics li .shadow { z-index: 10; width: 100%; height: 100%; opacity: 0; background-color: rgba(0,0,0,0.6); position: absolute; text-decoration: none; }
        #pics li img { z-index: 0; width: 100%; height: auto; vertical-align: bottom; }
        #pics li .shadow > div { display: table; width: 100%; height: 100%; }
            #pics li .shadow > div > div { display: table-cell; vertical-align: middle; text-align: center; }
                #pics li .shadow > div > div .pic_CName { color: white; }
                #pics li .shadow > div > div hr { background-color: #aaa; width: 40%; height: 2px; border: 0; }
                #pics li .shadow > div > div .pic_EName { color: white; }

body.black #pics li { border-color: #000 !important; }