.mediaall{
   padding-right: 10px !important;
  padding-left: 10px !important;
  cursor: pointer;
  direction: ltr;
    height: 250px;
    margin-top: 50px;
    margin-bottom: 20px;
}

.ghabmedi{
  width: 100%;
  height: 250px;

  text-align: center;

}
/*
  background: #fff;
    border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-box-shadow: 3px 3px 3px 3px #ddd;
  -webkit-box-shadow: 3px 3px 3px 3px #ddd;
  box-shadow: 0px 3px 3px 3px #ddd;
*/

.ghabmedi:hover{



}


.pinmedall{
    padding-right: 60px !important;
  padding-left:60px !important;
  direction: ltr;
}
.pinmedall1{
    padding-right: 70px !important;
  padding-left:70px !important;
    direction: ltr; 
}


.picmedia{
  width: 100%;
  height: 160px;
  margin-bottom: 20px;

  overflow: hidden;
}
.picmedia img{
  width: 95%;
  height: 150px;
    margin-top: 10px !important;border-radius:10px;
}

.mediaplay{
  width:  100%;
  height:  auto;
}


.picmediahide{
  width: 100%;
  height: 150px;
  overflow: ;
}



.txtmedia{
  width: 100%;
  height: 150px;
  position:  relative;
    z-index: 5000;
  margin-top: 150px;
  background: #ddd   ;
}

moreee{
  display: none;

}


.picmediahide:hover moreee{
     display:  inline;
     	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
    text-align: center;
     margin-top: -170px;
    position:  absolute;
       z-index:  5000;
       width: 92%;
       height: 100%;
      background: url(images/shishe2.png)


}


.moreok{
  padding-top: 20px;
  color: #fff ;
  font-size: 15px;
}

.playy{
  font-size: 40px;
  margin-top: 20px;
}
/*
=====================================
*/

.upupmedia{
  position: absolute;
  z-index:  5000;
  top: 45%;
  background: #;
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 80px;
  color: #000
}