diff --git a/application/default/views/scripts/heihe/offlinelist.phtml b/application/default/views/scripts/heihe/offlinelist.phtml
index b88c9562..a55d83b9 100755
--- a/application/default/views/scripts/heihe/offlinelist.phtml
+++ b/application/default/views/scripts/heihe/offlinelist.phtml
@@ -5,12 +5,17 @@ $this->headTitle('离线数据浏览');
 $this->headTitle()->setSeparator(' - ');
 $this->nav[] = array('link'=>"/heihe/offline",'title'=>'离线数据浏览');
 ?>              
-<div class="row-fluid">
-<?= $this->render('breadcrumbs.phtml'); ?>
-</div>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<?php foreach($this->metadata as $md) : ?>
+<?= $this->render('breadcrumbs.phtml') ?>
+<div class="row">
+    <div class="span2">
+    	<?= $this->partial('heihe/navi.phtml'); ?>
+    </div>
+    <div class="span10">
+		<?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div class="mdlist">
+            <ol start="<?php echo $this->offset; ?>">
+                <?php foreach($this->metadata as $md) : ?>
 <div class="media well well-small">
 <a href="/service/bigthumb/uuid/<?= $md['uuid'] ?>" class="pull-left colorbox">
 <img class="media-object" src="/service/thumb/id/<?php echo $md['id'];?>">
@@ -21,5 +26,9 @@ $this->nav[] = array('link'=>"/heihe/offline",'title'=>'离线数据浏览');
 </div>
 </div>
 <?php endforeach; ?>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
\ No newline at end of file
+            </ol>	
+        </div>
+        <hr />
+        <?php echo $this->page->getNavigation(); ?>
+    </div>
+</div>
\ No newline at end of file
diff --git a/application/default/views/scripts/heihe/onlinelist.phtml b/application/default/views/scripts/heihe/onlinelist.phtml
index 8ad845f1..d01c5b98 100755
--- a/application/default/views/scripts/heihe/onlinelist.phtml
+++ b/application/default/views/scripts/heihe/onlinelist.phtml
@@ -5,12 +5,17 @@ $this->headTitle('在线数据浏览');
 $this->headTitle()->setSeparator(' - ');
 $this->nav[] = array('link'=>"/heihe/offline",'title'=>'在线数据浏览');
 ?>               
-<div>
-<?= $this->render('breadcrumbs.phtml'); ?>
-</div>
-<?php echo $this->page->getNavigation(); ?>
-<hr />
-<?php foreach($this->metadata as $md) : ?>
+<?= $this->render('breadcrumbs.phtml') ?>
+<div class="row">
+    <div class="span2">
+    	<?= $this->partial('heihe/navi.phtml'); ?>
+    </div>
+    <div class="span10">
+		<?php echo $this->page->getNavigation(); ?>
+        <hr />
+        <div class="mdlist">
+            <ol start="<?php echo $this->offset; ?>">
+                <?php foreach($this->metadata as $md) : ?>
 <div class="media well well-small">
 <a href="/service/bigthumb/uuid/<?= $md['uuid'] ?>" class="pull-left colorbox">
 <img class="media-object" src="/service/thumb/id/<?php echo $md['id'];?>">
@@ -21,5 +26,9 @@ $this->nav[] = array('link'=>"/heihe/offline",'title'=>'在线数据浏览');
 </div>
 </div>
 <?php endforeach; ?>
-<hr />
-<?php echo $this->page->getNavigation(); ?>
\ No newline at end of file
+            </ol>	
+        </div>
+        <hr />
+        <?php echo $this->page->getNavigation(); ?>
+    </div>
+</div>
\ No newline at end of file