diff --git a/upload/player/CB_html5_player/html5_player.js b/upload/player/CB_html5_player/html5_player.js
index 1403aed5..7209eafd 100644
--- a/upload/player/CB_html5_player/html5_player.js
+++ b/upload/player/CB_html5_player/html5_player.js
@@ -246,6 +246,8 @@ $(document).ready(function()
 		$('.control').show();
 		$('.caption').show();
 		$('#web').show();
+		//showing pause icon by before video load
+		$('.btnPlay').addClass('paused');
 
      });
    $( "#cancel_v" ).click(function() {
diff --git a/upload/styles/cb_27/layout/blocks/pagination.html b/upload/styles/cb_27/layout/blocks/pagination.html
index 996c2e92..20181d4e 100644
--- a/upload/styles/cb_27/layout/blocks/pagination.html
+++ b/upload/styles/cb_27/layout/blocks/pagination.html
@@ -2,16 +2,16 @@
 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mtl">
   <ul align="center" class="pagination pagination-center">
 
-      {if $first_link !=''}<li>  <a {$first_link} ><i class="icon-double-angle-left"></i></a></li>{/if}
+      {if $first_link !=''}<li>  <a {$first_link} ><i class="fa fa-angle-double-left "></i></a></li>{/if}
       
-      {if $pre_link !=''}<li><a {$pre_link} ><i class="icon-angle-left"></i></a></li>{/if} 
+      {if $pre_link !=''}<li><a {$pre_link} ><i class="fa fa-angle-left"></i></a></li>{/if} 
 
              {$pagination}  
 
 
-       {if $next_link !=''}<li><a {$next_link} ><i class="icon-angle-right"></i></a></li>{/if}
+       {if $next_link !=''}<li><a {$next_link} ><i class="fa fa-angle-right"></i></a></li>{/if}
        
-        {if $last_link !=''}<li>  <a {$last_link} ><i class="icon-double-angle-right"></i></a></li>{/if}
+        {if $last_link !=''}<li>  <a {$last_link} ><i class="fa fa-angle-double-right"></i></a></li>{/if}
      </ul>  
 </div>
 {elseif $commentPagination}
@@ -25,14 +25,14 @@
         {if $first_link !=''}
         <li>  <a href="javascript:void(0)"
           onclick="getComments('{$type}','{$type_id}','{$last_update}','1','{$total}','{$object_type}')" >
-          <i class="icon-double-angle-left"></i></a></li>
+          <i class="fa fa-angle-double-left"></i></a></li>
          {/if}
 
 
       
        {if $pre_link !=''}<li><a href="javascript:void(0)" 
        onclick="getComments('{$type}','{$type_id}','{$last_update}','{$pre_page}','{$total}','{$object_type}')" >
-       <i class="icon-angle-left"></i></a>
+       <i class="fa fa-angle-left"></i></a>
        </li>{/if} 
 
              {$pagination}  
@@ -40,13 +40,13 @@
 
        {if $next_link !=''}<li><a href="javascript:void(0)" 
        onclick="getComments('{$type}','{$type_id}','{$last_update}','{$next_page}','{$total}','{$object_type}')" >
-       <i class="icon-angle-right"></i></a>
+       <i class="fa fa-angle-right"></i></a>
        </li>{/if}
        
         {if $last_link !=''}
         <li>  <a href="javascript:void(0)"
           onclick=" getComments('{$type}','{$type_id}','{$last_update}','{$total_pages}','{$total}','{$object_type}')" >
-          <i class="icon-double-angle-right"></i></a></li>
+          <i class="fa fa-angle-double-right"></i></a></li>
          {/if}
      </ul>  
 </div>