ایجاد یک (افکت) کادر بر روی محصولات زمانی که موس over روی داد مشابه عکس

[persianon]

با سلام
دوستان گرامی من یک سایت فروشگاه اینترنتی رو میخوام وقتی روی محصول موس میره یک همچین اتفاقی بیفته فکر نمیکنم کار مشکلو سختی باشه ولی من بلد نیستم این لینک دمو روی محصولات که مشاهده میکنید میخوایم یه همچین افکتی ایجاد بشه که تو عکس و فیلم موجوده.

دوستان عزیزم من یک فیلم درست کردم از عملی که میخوام انجام بشه حجمشم 500 کیلوبایت هست و اون رو اپ کردم
باز دو تا عکس که از روی فیلم گرفتم رو میزارم که عمل موس over هست وقتی موس کاربر روی پست یا محصول ما میره یک لایه transparent یا ملایم که تقریبا ابی رنگ هست میاد روی محصول توی اون لایه (کادر) انتهاش یک لایه دیگه هست که داخلش توضیحات یا هر چیز دیگه ای میتونه باشه فکر کنم با کد div , css میشه انجام داد ولی متاسفانه بنده یادم رفته ممنون میشم اگر راهنمایی کنید

125096 این عکس دقیقا مشابه خواسته ی ماست 125095


دموی انلاین سایت که پست ها به این صورت هستن و میخوایم عمل موس over که انجام شد مانند عکس روی محصول یک کادر ایجادشه : http://bardiaco.com/shop/index.html

فیلم با حجم 500 کیلوبایت برای نشان دادن عمل مورد نظر : http://www.bardiaco.com/up/site.zip
(http://www.bardiaco.com/up/site.zip)
اگر امکانش هست کدی راهنمایی چیزی به بنده عنایت کنید مچکر و ممنون میشم شدیدا لازم دارم