diff --git a/application/default/views/scripts/data/category.phtml b/application/default/views/scripts/data/category.phtml
index 9f7ec15f..f84f0b4d 100755
--- a/application/default/views/scripts/data/category.phtml
+++ b/application/default/views/scripts/data/category.phtml
@@ -26,15 +26,17 @@ $this->nav[] = array('link'=>"/data/category",'title'=>'分类浏览');
     <h4>当前浏览：<?php echo $this->codename; ?></h4>
     <?php echo $this->page->getNavigation(); ?>
     <hr />
-    <ul class="unstyled">
     <?php foreach($this->metadata as $md) : ?>
-    <li class="well well-small" style="overflow:hidden;">
-    	<img src="/service/thumb/id/<?php echo $md['id'];?>" class="pull-left img-polaroid img-rounded" style="margin-right:5px" />
-        <h3><a href="/data/<?php echo $md['uuid']; ?>"><?php echo $this->escape($md['title']);?></a></h3>
-        <p><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></p>
-    </li>
+<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'];?>">
+</a>
+ <div class="media-body">
+<h4 class="media-heading"><a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a></h4>
+    <div class="summary"><?php echo str_replace(array("\r\n", "\n", "\r"),'<br />',mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']));?></div>
+</div>
+</div>
     <?php endforeach; ?>
-    </ul>
     <?php echo $this->page->getNavigation(); ?>
     </div>
     <?php endif; ?>
diff --git a/application/default/views/scripts/data/offlinelist.phtml b/application/default/views/scripts/data/offlinelist.phtml
index 3d5e04bc..b5dbd864 100755
--- a/application/default/views/scripts/data/offlinelist.phtml
+++ b/application/default/views/scripts/data/offlinelist.phtml
@@ -1,25 +1,27 @@
 <?php
 $this->headTitle($this->config->title->site);
 $this->headTitle($this->config->title->data);
-$this->headTitle('离线数据清单');
+$this->headTitle('离线数据浏览');
 $this->headTitle($this->codename);
 $this->headTitle()->setSeparator(' - ');
 $this->headLink()->appendStylesheet('/css/metadata.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('离线数据清单');
-$this->breadcrumb()->setSeparator(' > ');
+$this->nav[] = array('link'=>"/data/offline",'title'=>'离线数据浏览');
 ?>              
 <div class="row-fluid">
+<?= $this->render('breadcrumbs.phtml'); ?>
 <?= $this->partial('data/tools.phtml'); ?>
 </div>
 <?php echo $this->page->getNavigation(); ?>
 <hr />
 <?php foreach($this->metadata as $md) : ?>
-<div class="mditem"> 
-    <a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a>
-    <a href="/data/xml/id/<?php echo $md['id'];?>"><img src="/images/xml.gif" /></a>
-    <a href="/data/doc/uuid/<?php echo $md['uuid'];?>"><img src="/images/doc-icon.png" /></a>     
+<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'];?>">
+</a>
+ <div class="media-body">
+<h4 class="media-heading"><a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a></h4>
+    <div class="summary"><?php echo str_replace(array("\r\n", "\n", "\r"),'<br />',mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']));?></div>
+</div>
 </div>
 <?php endforeach; ?>
 <hr />
diff --git a/application/default/views/scripts/data/onlinelist.phtml b/application/default/views/scripts/data/onlinelist.phtml
index 3455d55e..8ef5b45b 100755
--- a/application/default/views/scripts/data/onlinelist.phtml
+++ b/application/default/views/scripts/data/onlinelist.phtml
@@ -1,25 +1,27 @@
 <?php
 $this->headTitle($this->config->title->site);
 $this->headTitle($this->config->title->data);
-$this->headTitle('在线数据清单');
+$this->headTitle('在线数据浏览');
 $this->headTitle($this->codename);
 $this->headTitle()->setSeparator(' - ');
 $this->headLink()->appendStylesheet('/css/metadata.css');
-$this->breadcrumb('<a href="/">首页</a>');
-$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
-$this->breadcrumb('在线数据清单');
-$this->breadcrumb()->setSeparator(' > ');
+$this->nav[] = array('link'=>"/data/offline",'title'=>'在线数据浏览');
 ?>               
 <div>
+<?= $this->render('breadcrumbs.phtml'); ?>
 <?= $this->partial('data/tools.phtml'); ?>
 </div>
 <?php echo $this->page->getNavigation(); ?>
 <hr />
 <?php foreach($this->metadata as $md) : ?>
-<div class="mditem"> 
-    <a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a>
-    <a href="/data/xml/id/<?php echo $md['id'];?>"><img src="/images/xml.gif" /></a>
-    <a href="/data/doc/uuid/<?php echo $md['uuid'];?>"><img src="/images/doc-icon.png" /></a>   
+<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'];?>">
+</a>
+ <div class="media-body">
+<h4 class="media-heading"><a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a></h4>
+    <div class="summary"><?php echo str_replace(array("\r\n", "\n", "\r"),'<br />',mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']));?></div>
+</div>
 </div>
 <?php endforeach; ?>
 <hr />