#hizli_arama_sonuclari { position:absolute; background-color:#fff; top: 129px; padding:5px; display:none; border-radius:5px; max-height:calc(100vh / 2); overflow-y: scroll; overflow-x: visible; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#hizli_arama_sonuclari_ul { padding:0 0 15px 0; }
#hizli_arama_sonuclari_ul>a { display:inline-block; color:#888;}
#hizli_arama_sonuclari_ul>li { min-height:35px; width:450px; border:0px solid #333; padding:5px 0 5px 5px; margin:0 0 0 3px;}
#hizli_arama_sonuclari_ul>li:hover { -webkit-box-shadow: 0px 0px 5px 0px #888; -moz-box-shadow: 0px 0px 5px 0px #888; box-shadow: 0px 0px 5px 0px #888;}
.hizli_arama_gorsel { width:35px; height:100%; min-height:35px;}
.hizli_arama_urun_adi { padding:0 0 0 5px; border:0px solid #333; height:35px; font-weight:bold; font-size:12px; color:#333; display:table-cell; vertical-align:middle;}
.hizli_arama_urun_adi:hover { background-color:#fff; }
.hizli_arama_urun_adi>span { text-align:left;}
.hizli_arama_urun_adi:hover { color:#000;  }
#hizli_arama_urun_listesi_alt_detay {
  display:none;
  border:0px solid #333; 
  height:100px;
  -webkit-box-shadow: 0px -12px 5px -7px rgba(102,102,102,0.25);
  -moz-box-shadow: 0px -12px 5px -7px rgba(102,102,102,0.25);
  box-shadow: 0px -12px 5px -7px rgba(102,102,102,0.25);
 }

div.hizli_arama_urun_container {
    position: relative;
    width: 20%;
    height: 200px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
	padding:2px;
}

div.hizli_arama_gorsel {
    height: 150px;
}

div.hizli_arama_urun_adi {
    padding: 5px 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: #000;
}