﻿.SMainThumbsItem
{
    position: relative;
    width: 300px;
    height: 300px;
    background-color: #FFFFFF;
    border: solid 2px #D0D0D0;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    -moz-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-ms-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-o-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-webkit-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
}
.SMainThumbsItem:hover .SMainThumbsItemPic
{
    -moz-transform: scale(1.0,1.0);
    -ms-transform: scale(1.0,1.0);
    -o-transform: scale(1.0,1.0);
    -webkit-transform: scale(1.0,1.0);
    transform: scale(1.0,1.0);
}

.SMainThumbsItemPic
{
    position: absolute;
    width: auto;
    height: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 10;
    
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    
    -moz-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
    
    -moz-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-ms-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-o-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	-webkit-transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
	transition: all 0.6s cubic-bezier(0.000, 0.580, 0.320, 0.995);
}

.SMainThumbsItemText_Main
{
    position: absolute;
    display: table;
    width: 100%;
    height: 75px;
    bottom: 0px;
    left: 0px;
    padding-top: 5px;
    border-top: solid 1px #E0E0E0;
    background-color: #F0F0F0;
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    text-align: right;
    color: black;
    z-index: 20;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.SMainThumbsItemText_Main .stext
{
    display: block;
    width: 100%;
    height: auto;
    font-weight: normal;
    font-size: 1.1em;
    text-align: right;
    direction: rtl;
    color: #000000;
    clear: both;
}
.SMainThumbsItemText_Main .sclick
{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    font-size: 1em;
    text-align: left;
    direction: rtl;
    color: #AAAAAA;
    clear: both;
}


@media screen and (min-width:0px) and (max-width:600px)
{
    .SMainThumbsItem
    {
        width: 100%;
        left: 0%;
        padding-top: 75%;
        margin-left: 0px;
    }
}
