diff --git a/upload/styles/cb_27/layout/blocks/photo.html b/upload/styles/cb_27/layout/blocks/photo.html
index 2fdba877..391496a0 100644
--- a/upload/styles/cb_27/layout/blocks/photo.html
+++ b/upload/styles/cb_27/layout/blocks/photo.html
@@ -1,64 +1,19 @@
 {if $display_type == ""}
-
-<div class="show-image mouse_hover">
-    <div class="" style="padding-right: 0px;">
+    <div>
         <!--<span class="photoname" id="avatar1_file" style="height: 45px; overflow: hidden;" >{$photo.photo_title|truncate:30}</span>-->
         
-        <a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
+        <a class="searchresult-photo" href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
             {get_photo details=$photo size='l' class='photo-land' output='html'}
 
            <!-- <img alt="{$photo.photo_title}" title="{$photo.photo_title}" class="photo-land" id="photo_{$photo.photo_id}" src="{$baseurl}/styles/cbv2.7/timthumb.php?src={get_photo details=$photo size='o'}&h=150&w=150&zc=1"> -->
+        <span class="photoname">
+        {if $photo.photo_title=='no-tag'}no-title
+        {else}
+        {$photo.photo_title|truncate:25}
+        {/if}
+        </span>
         </a>
-
     </div>
-    <span class="photoname mouse_hover_on" style="height: 30px; overflow: hidden;" >{if $photo.photo_title=='no-tag'}no-title{else}
-        {$photo.photo_title|truncate:25}{/if}</span>
-</div>
-            <!--<div class="col-md-8">-->
-                <!--<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">-->
-                    <!--{get_photo details=$photo output='html'}-->
-                <!--</a>-->
-
-            <!--</div>-->
-
-
-
-
-
-<!--<div class="show-image col-md-4 col-sm-4 col-xs-6" style="padding: 0px">-->
-    <!--<div class="" id="">-->
-    <!--<span class="photoname col-md-4" id="avatar1_file" >{$photo.photo_title|truncate:15}</span>-->
-   <!--<a href="{$cbphoto->photo_links($photo,'view_item')}" >-->
-        <!--{get_photo details=$photo size='l' class='' output='html'}-->
-    <!--</a>-->
-        <!--</div>-->
-    <!--</div>-->
-
-
-<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_b.jpg" title="Tolpis barbata (mariluzpicado)">-->
-    <!--<img src="http://farm4.staticflickr.com/3787/9028269192_9b4ddf345d_m.jpg" alt="" />-->
-<!--</a>-->
-<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_b.jpg" title="(dSavin)">-->
-    <!--<img src="http://farm4.staticflickr.com/3745/8971419780_cb88b22947_m.jpg" alt="" />-->
-<!--</a>-->
-<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_b.jpg" title="a ride in blue? (cembayir_photography)">-->
-    <!--<img src="http://farm9.staticflickr.com/8522/8478415115_152c6f5e55_m.jpg" alt="" />-->
-<!--</a>-->
-<!--<a class="fancybox-button" rel="fancybox-button" href="http://farm9.staticflickr.com/8366/8483546751_86494ae914_b.jpg" title="reedit... (h_di)">-->
-    <!--<img src="http://farm9.staticflickr.com/8366/8483546751_86494ae914_m.jpg" alt="" />-->
-<!--</a>-->
-
-
-
-            <!--<div class="row">-->
-                <!--<div class="col-md-2">-->
-                    <!--<h4><small> <i class="glyphicon glyphicon-thumbs-up lfont"><b>2</b></i></small></h4>-->
-                <!--</div>-->
-                <!--<div class="col-md-2 like">-->
-                    <!--<h4><small> <i class="glyphicon glyphicon-thumbs-down lfont"><b>4</b></i></small></h4>-->
-                <!--</div>-->
-                <!--</div>-->
-
 
 {/if}
 
diff --git a/upload/styles/cb_27/layout/blocks/video.html b/upload/styles/cb_27/layout/blocks/video.html
index 92fbb762..5d1d1164 100644
--- a/upload/styles/cb_27/layout/blocks/video.html
+++ b/upload/styles/cb_27/layout/blocks/video.html
@@ -5,11 +5,12 @@
 {if $display_type =='normal' || $display_type==''}
 <!-- Video Box -->
 
-    <a class="thumb-holder" href="{videoLink($video)}" title="{$video.title|title}">
+    <a class="thumb-holder display-block relative" href="{videoLink($video)}" title="{$video.title|title}">
         <img class="cb_img_thum" src="{getThumb vdetails=$video size='160X120'}"  id="thumbs_{$video.videoid}"  title=""/>
         <!-- style="position: absolute;right: 15px;margin-right: -39px;" -->
-        <span class="duration1">{if
-        $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</span>
+        <span class="duration">{if
+        $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}
+        </span>
 	</a>
     <h5><a href="{videoLink($video)}" title="{$video.title|title}"><b>{$video.title|truncate:16}</b></a></h5>
     <span class="font1 new1"><b>{lang code='views'} :{$video.views}</b></span>
diff --git a/upload/styles/cb_27/layout/blocks/videos/video.html b/upload/styles/cb_27/layout/blocks/videos/video.html
index 873ab456..9fff5fb8 100644
--- a/upload/styles/cb_27/layout/blocks/videos/video.html
+++ b/upload/styles/cb_27/layout/blocks/videos/video.html
@@ -4,7 +4,8 @@
         <div class="cb_item_thumb video_thumb" >
         <a href="{videoLink($video)}" title="{$video.title|title}">
             <span class="video_duration">{if
-                                $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}</span>
+            $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}
+            </span>
             <img class="" src="{getThumb vdetails=$video  size='171x120'} " border="1" />
         </a>
         </div>
diff --git a/upload/styles/cb_27/layout/search.html b/upload/styles/cb_27/layout/search.html
index d7c3fc86..106d36b4 100644
--- a/upload/styles/cb_27/layout/search.html
+++ b/upload/styles/cb_27/layout/search.html
@@ -3,9 +3,9 @@
 
 <div class="container marginBottom">
     <div id="simple_search" class="cb-box marginBottom">
-        <nav class="navbar navbar-default" role="navigation">
+        <!-- <nav class="navbar navbar-default" role="navigation">
             <div class="container-fluid">
-                <!-- Brand and toggle get grouped for better mobile display -->
+                Brand and toggle get grouped for better mobile display
                 <div class="navbar-header">
                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                         <span class="sr-only">Toggle navigation</span>
@@ -15,11 +15,11 @@
                     </button>
                     <a style="margin-top: 12px" class="navbar-brand" href="#"><h2><small>Search Results</small></h2></a>
                 </div>
-
-                <!-- Collect the nav links, forms, and other content for toggling -->
+        
+                Collect the nav links, forms, and other content for toggling
                 <div class="collapse navbar-collapse searchpage" id="bs-example-navbar-collapse-1">
                     <form class="navbar-form navbar-left searchform" role="search">
-
+        
                         <form name="search-form" method="get" action="">
                     <ul class="nav navbar-nav searchnav" id="cbsearchtype">
                         {$counter = 1}
@@ -35,21 +35,21 @@
                             {/if}
                             {$counter = $counter + 1}
                         {/foreach}
-
-                       <!---->
-                       <!---->
-                        <!--{foreach from=$Cbucket->search_types item=t key=stypes}-->
-                        <!--<li class=""  value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if} ><a href="#">{$stypes}</a></li>-->
-                        <!--{/foreach}-->
-
+        
+                       
+                       
+                        {foreach from=$Cbucket->search_types item=t key=stypes}
+                        <li class=""  value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if} ><a href="#">{$stypes}</a></li>
+                        {/foreach}
+        
                         <select id="SearchType" name="type" class="form-control searchselect sr-only">
                             {foreach from=$Cbucket->search_types item=t key=stypes}
                             <option  value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if}>{$stypes}</option>
                             {/foreach}
                         </select>
                     </ul>
-
-
+        
+        
                         <div class="form-group">
                             <input type="text" class="form-control searchtextbar"  name="query" value="{'query'|get_form_val:true}" id="query" 
                             style="width:450px;margin-left:30px;margin-top:10px;" />
@@ -57,23 +57,24 @@
                             <input type="submit" name="cbsearch" id="cbsearch" value="{lang code='search'}" class="btn btn-default" 
                             style="margin-top:10px;"/>
                              
-                              <!-- <select id="SearchType" name="type" class=" form-control" style="width:200px; margin-left:20px;">
- 
+                              <select id="SearchType" name="type" class=" form-control" style="width:200px; margin-left:20px;">
+         
                               {foreach from=$Cbucket->search_types item=t key=stypes}
                               <option value="{$stypes}" {if $smarty.get.type==$stypes} selected="selected"{/if}>{$stypes}</option>
                               {/foreach}
-                              </select>-->
- </div>
+                              </select>
+         </div>
                               </form>
                     
                         </form>
-                </div><!-- /.navbar-collapse -->
-            </div><!-- /.container-fluid -->
-        </nav>
+                </div>/.navbar-collapse
+            </div>/.container-fluid
+        </nav> -->
         <div class="row">
             <div class="col-lg-5 col-md-5 col-sm-5 col-xs-8">
                 <div class="heading">{$search_type_title}</div>
                 <hr>
+                {$display_template}
                 {if $results}
                 {foreach item=result from=$results}
                 {assign var=$template_var value =$result}
diff --git a/upload/styles/cb_27/theme/css/main.css b/upload/styles/cb_27/theme/css/main.css
index b5e8d2ec..b684b57f 100644
--- a/upload/styles/cb_27/theme/css/main.css
+++ b/upload/styles/cb_27/theme/css/main.css
@@ -436,6 +436,7 @@ a:focus{outline: none !important;}
 .tdn {
     text-decoration: none !important;
 }
+.display-block{ display: block;}
 /*---------------------------------------------------
     LESS Elements 0.9
   ---------------------------------------------------
@@ -1215,7 +1216,15 @@ a:hover {
     border: solid 1px;
     border-color: #ffffff;
 }
-
+.searchresult-photo:hover .photoname{
+    display: block;
+}
+.searchresult-photo{
+    width: 100%;
+    height: 100%;
+    position: relative;
+    display: table-cell;
+}
 .photoname {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
     color: #FFFFFF;
@@ -1224,11 +1233,12 @@ a:hover {
     height: 41px;
     left: 0;
     opacity: 0.8;
-    padding-left: 8px;
-    padding-top: 3px;
-    position: relative;
-    top: -30px;
+    position: absolute;
+    bottom:0px;
     width: 100%;
+    line-height: 41px;
+    padding: 0 10px;
+    box-sizing: border-box;
 }
 .photos img{
     height: 150px;