İlginiz için teşekkür ederim. Demo siteden ben kodları tamamen aldım kendi siteme uyarladım. Herşey tamam, sadece resmin arka planına gölge efekti vermek için bir resim eklenmiş, o gözükmüyor. Çözemedim bir türlü.
Kodu şu şekilde.
.video-thumbimg:before {
content:"";
width:108%;
height:117%;
position:absolute;
background:url(images/shadow-small.png) right bottom no-repeat;
z-index:-2;
right:-3px;
background-size:101% 100%;
opacity:0.6;
}
hocam ilgil demo da html ve css yapıyı inceledim ve anlayabildiğim kadarı ile video-thumbimg classın üstüne bir class daha eklemiş o da şu şekilde
<div class="video-home li:hover"></div>
imlecin üstüne geldiğinde o turuncu alanın çıkmasını da
.video-home li:hover {box-shadow: 0px 0px 0px 6px rgba(219,74,63,1)}bu css kodu ile sağlamış