.ec_div_art { width:176px; margin: 4px 2px; position:relative; overflow:hidden; float:left; min-height:325px; } .ec_div_art:hover { box-shadow: 0px 0px 10px 0px #777777; border-radius:5px; } .ec_div_art>p { font: normal normal bold 1.3em verdana; display: block; position: absolute; top: 5px; left: 5px; margin: 0; padding: 0; width: 64px; height: 64px; background: url('Images_sys/ico64_oferta.png') no-repeat left; line-height: 55px; color: white; z-index: 2; text-indent: 24px; opacity:0.8; } .ec_div_art > span { display: none; position: absolute; top: 5px; right: 5px; margin: 0; padding: 0; width: 32px; height: 32px; line-height: 55px; z-index: 3; } .ec_div_art:hover > span { display:block; } .ec_div_art > a > img { position: relative; left: 50%; display: block; max-height: 176px; z-index:1; -webkit-transform: translatex(-50%); } .ec_div_art>div { display:none; position:absolute; bottom: 150px; left: 5px; z-index:3; } .ec_div_art:hover > div { display:block; } .ec_div_art > div > ul { list-style: none; color:white; } .ec_div_art > div > ul li { line-height:20px; background-color:black; margin:3px; padding:2px; border-radius:3px; font-size: 0.9em; } .ec_div_art > ul { text-align:center; position:absolute; bottom:5px; padding: 2px; } .ec_div_art > ul li { margin:10px 0; } .ec_div_art > ul li span { text-decoration:line-through; } .ec_div_art > ul li p { font-size:1.2em; font-weight:bold; }