diff --git a/app/views/files/index.html.erb b/app/views/files/index.html.erb
index e2bad8e91..cfaba8749 100644
--- a/app/views/files/index.html.erb
+++ b/app/views/files/index.html.erb
@@ -1,132 +1,4 @@
 <!-- <h3> --><!-- %=l(:label_attachment_plural)%></h3 -->
-<style>
-#ver-zebra, .file_table_des
-{
-	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
-	font-size: 12px;
-	margin: 5px 10px;
-	width: 98%;
-	text-align: left;
-	border-collapse: collapse;
-  line-height: 20px;
-  font-size: 14px;
-}
-#ver-zebra th
-{
-	font-size: 14px;
-	font-weight: normal;
-	padding: 12px 15px;
-	border-right: 1px solid #fff;
-	border-left: 1px solid #fff;
-	color: #039;
-	text-align: left;
-}
-#ver-zebra td
-{
-	padding: 8px 15px;
-	border-right: 1px solid #fff;
-	border-left: 1px solid #fff;
-	color: #669;
-}
-#ver-zebra td.description {
-  background-color: white;
-  padding: 0px;
-  margin: 0px auto;
-}
-div.tags_area {
-  padding: 2px 10px 10px 10px;
-  margin: 0px;
-  margin-bottom: 10px;
-  /*border-bottom: 1px dashed #CCCCCC;*/
-  overflow: hidden;
-  position: relative;
-}
-.tags_gradint {
-}
-.read-more{
-  padding: 5px;
-  border-top: 4px double #ddd;
-  background: #fff;
-  color: #333;
-}
-.read-more a{
-  padding-right: 22px;
-  background: url() no-repeat 100% 50%;
-  font-weight: bold;
-  text-decoration: none;
-}
-.read-more a:hover{
-  color: #000;
-}
-.vzebra-odd
-{
-	background: #eff2ff;
-}
-.vzebra-even
-{
-	background: #e8edff;
-}
-#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
-{
-	background: #ffffff;
-	border-bottom: 1px solid #c8d4fd;
-}
-#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
-{
-	background: #ffffff;
-	border-bottom: 1px solid #d6dfff;
-}
-.filename{
-	overflow: hidden; 
-	white-space: nowrap; 
-	text-overflow: ellipsis;
-}
-div.pagination{
-  margin: 10px 0px;
-  height: 1.5em;
-  text-align: left;
-  font-size: 13px;
-}
-.m5p5{
-  display: inline-block;
-  height: auto;
-  color: white !important; 
-  margin: 8px;
-  padding: 3px 7px;
-}
-.m5p5:hover {
-  text-decoration: none;
-  /*padding-bottom: 3px;*/
-  /*border-bottom: 1px solid #666666;*/
-  border-radius: 4px;
-  border: 1px solid #15bccf;
-  box-shadow: 3px 3px 3px #666666;
-}
-.relation_file_div{
-  margin: 0px 25px;
-}
-.relation_file_div fieldset{
-  margin: 0px 0px;
-  padding: 10px;
-  border-radius: 5px;
-  transition: all 2s linear 1s;
-}
-.relation_file_div input#attach_search:focus{
-  border: 1px solid #1B95C6;
-  box-shadow: 0px 0px 4px #1B95C6;
-  width: 200px;
-}
-.relation_file_div input#attach_search{
-  width: 150px;
-  outline: none;
-  border-radius: 5px;
-  -webkit-transition: 1s width;
-  -moz-transition   : 1s width;
-  -o-transition     : 1s width;
-  transition        : 1s width;
-}
-</style>
-
  
 <span class="borad-title"><%=(@project.project_type == 1) ? t(:label_user_course) : t(:label_project) %>文件共享专区</span>
 
@@ -216,7 +88,9 @@ div.pagination{
       <td class='description' colspan="5">
       <div class="tags_area">
         <% @preTags = %w|预设A 预设B 预设C 预设D 预设E 预设Z | %>
-        <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"}%>
+        <div id='attach_<%=file.id%>' ><%#需要交由浏览器异步刷新，或者一次连表查询，n+1 查询问题搞不定%>
+          <%= render :partial => 'tags/tag', :locals => {:obj => file, :object_flag => "6"}%>
+        </div>
         <div class="tags_gradint"></div>
       </div>
       <div class="read-more hidden"><a href="javascript:void(0);" onclick="readmore(this);"> 更多 </a></div>
diff --git a/public/themes/redpenny-master/stylesheets/application.css b/public/themes/redpenny-master/stylesheets/application.css
index b73123590..306d6d113 100644
--- a/public/themes/redpenny-master/stylesheets/application.css
+++ b/public/themes/redpenny-master/stylesheets/application.css
@@ -2247,4 +2247,130 @@ ul.messages-for-user-reply li {
 .footer_text_link{
 	margin: 0px 5px;
 }
-/*gcm*/
\ No newline at end of file
+/*gcm*/
+
+#ver-zebra, .file_table_des
+{
+	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
+	font-size: 12px;
+	margin: 5px 10px;
+	width: 98%;
+	text-align: left;
+	border-collapse: collapse;
+  line-height: 20px;
+  font-size: 14px;
+}
+#ver-zebra th
+{
+	font-size: 14px;
+	font-weight: normal;
+	padding: 12px 15px;
+	border-right: 1px solid #fff;
+	border-left: 1px solid #fff;
+	color: #039;
+	text-align: left;
+}
+#ver-zebra td
+{
+	padding: 8px 15px;
+	border-right: 1px solid #fff;
+	border-left: 1px solid #fff;
+	color: #669;
+}
+#ver-zebra td.description {
+  background-color: white;
+  padding: 0px;
+  margin: 0px auto;
+}
+div.tags_area {
+  padding: 2px 10px 10px 10px;
+  margin: 0px;
+  margin-bottom: 10px;
+  /*border-bottom: 1px dashed #CCCCCC;*/
+  overflow: hidden;
+  position: relative;
+}
+.tags_gradint {
+}
+.read-more{
+  padding: 5px;
+  border-top: 4px double #ddd;
+  background: #fff;
+  color: #333;
+}
+.read-more a{
+  padding-right: 22px;
+  background: url() no-repeat 100% 50%;
+  font-weight: bold;
+  text-decoration: none;
+}
+.read-more a:hover{
+  color: #000;
+}
+.vzebra-odd
+{
+	background: #eff2ff;
+}
+.vzebra-even
+{
+	background: #e8edff;
+}
+#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
+{
+	background: #ffffff;
+	border-bottom: 1px solid #c8d4fd;
+}
+#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
+{
+	background: #ffffff;
+	border-bottom: 1px solid #d6dfff;
+}
+.filename{
+	overflow: hidden; 
+	white-space: nowrap; 
+	text-overflow: ellipsis;
+}
+div.pagination{
+  margin: 10px 0px;
+  height: 1.5em;
+  text-align: left;
+  font-size: 13px;
+}
+.m5p5{
+  display: inline-block;
+  height: auto;
+  color: white !important; 
+  margin: 8px;
+  padding: 3px 7px;
+}
+.m5p5:hover {
+  text-decoration: none;
+  /*padding-bottom: 3px;*/
+  /*border-bottom: 1px solid #666666;*/
+  border-radius: 4px;
+  border: 1px solid #15bccf;
+  box-shadow: 3px 3px 3px #666666;
+}
+.relation_file_div{
+  margin: 0px 25px;
+}
+.relation_file_div fieldset{
+  margin: 0px 0px;
+  padding: 10px;
+  border-radius: 5px;
+  transition: all 2s linear 1s;
+}
+.relation_file_div input#attach_search:focus{
+  border: 1px solid #1B95C6;
+  box-shadow: 0px 0px 4px #1B95C6;
+  width: 200px;
+}
+.relation_file_div input#attach_search{
+  width: 150px;
+  outline: none;
+  border-radius: 5px;
+  -webkit-transition: 1s width;
+  -moz-transition   : 1s width;
+  -o-transition     : 1s width;
+  transition        : 1s width;
+}
\ No newline at end of file