﻿.content{
	width:500px;
	text-align:left;
	margin-bottom:20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.content ul{list-style:none; padding:0px; margin:0px;}
.content li{list-style:none; padding:0px; margin:0px;}
.content ul li ins{display:none;}

.content li.box{ width:180px; height:160px; overflow:hidden; float:left;}
.content li.box img{border:#e5e5e5 1px solid;margin:0px auto;overflow:hidden;}
.content li.view{ width:540px;height:160px;overflow:hidden; float:right;}
.content li.view .name{ height:30px; line-height:30px;font-weight:bold;}
.content li.view .jj{ line-height:20px; height:80px; margin-bottom:10px;overflow:hidden; font-size:12px; color: #999999;}
.content li.view .more a{ width:82px; height:24px; background:url(../images/style001/case_button.gif); display:block; overflow:hidden;padding:0;cursor:pointer;}
.content li.view .more a:hover{background:url(../images/style001/case_button_hover.gif);}

.content li.list {border-bottom:1px dashed #CCC;padding:0; margin:0;background:url(../images/style001/newslist24.png) 0px 10px no-repeat;height:30px;}
.content li.list a{padding-left:20px; line-height:30px;float:left;width:610px;}
.content li.list a:hover {text-decoration:none;}
.content li.list span{padding-right:10px; float:right;line-height:30px; width:80px;}

.content li.listview{height:70px;overflow:hidden;display:block;}
.content li.listview .name{text-align:left;height:30px; line-height:30px; font-weight:bold;}
.content li.listview .jj{ padding-left:15px; line-height:20px; height:40px;overflow:hidden;color: #999999}

.content li.small{width:180px;height:200px;margin-bottom:10px; overflow:hidden;float:left;text-align:center;display:block;}
.content li.small img{width:150px;display:block;height:150px;margin:0px auto;background: url(../images/style001/culture_bg2.jpg) no-repeat;padding: 10px 20px 10px 10px;}
.content li.small .name{margin:0px auto; width:160px; text-align:center;display:block;height:30px; line-height:30px;}


.content li.big{width:240px;height:250px;margin-bottom:10px; overflow:hidden;float:left;text-align:center;display:block;}
.content li.big img{width:200px;display:block;height:200px;margin:0px auto;background: url(../images/style001/culture_bg.jpg) no-repeat;padding: 10px 20px 10px 10px;}
.content li.big .name{margin:0px auto; width:220px; text-align:center;display:block;height:30px; line-height:30px;}

.content .viewtitle{padding-top:10px; padding-bottom:10px; line-height:30px; height:30px; text-align:center;font-weight:bold;border-bottom:1px solid #E8E8E8; color:#333; text-align:center; margin-bottom:10px;font-size:150%;}
.content .viewauthor{padding-top:10px; text-align:center;line-height:30px; height:30px;}
.content .viewcontent{padding-top:10px; text-align:left; line-height:25px;}

.content li.listfold{clear: both; margin: 0 0 3px 0;}
.content li.listfold img {margin:0px;padding:7px 12px 0px 0px;border:0px;float:left;clear:both; display:inline;}
.content li.listfold .memo{float:left;margin:0px;color:#666; height:40px;line-height:20px;overflow:hidden;width:600px; display:block;}
.content li.listfold .time{float:right;color: #999; height:25px;display:inline;}
.content li.listfold .tt{ float:left;width:600px;height:25px; overflow:hidden;line-height:25px;display:inline;background:url(../images/style001/newslist24.png) 0px 7px no-repeat;}
.content li.listfold a.title{height:25px;line-height:25px;font-weight:normal;text-decoration:none;padding-left:16px;}
.content li.listfold a.title:hover{text-decoration: underline;}


.productview300{ position: relative; overflow: hidden; width:304px; margin:0 auto; margin-bottom:10px; margin-top:10px;}
.productview300 .bigImg{ height:300px; position: relative; margin-bottom:10px;border:2px solid #CCCCCC;}
.productview300 .bigImg li img{ vertical-align:middle; width:300px; height:300px;   }

.productview300 .smallScroll{ height:42px;}
.productview300 .sPrev,.productview300 .sNext{ float: left; display: block; width:14px;height:42px; text-indent: -9999px;background:url(../images/style001/sproprev42.jpg) no-repeat;}
.productview300 .sNext{ background:url(../images/style001/spronext42.jpg) no-repeat;}
.productview300 .sPrev:hover{background:url(../images/style001/sproprev42.jpg) no-repeat;}
.productview300 .sNext:hover{background:url(../images/style001/spronext42.jpg) no-repeat;}

.productview300 .smallImg{ float:left;  margin: 0px 6px; display:inline; width: 260px; overflow: hidden;}
.productview300 .smallImg ul{ height:42px;  width: 9999px; overflow: hidden; }
.productview300 .smallImg li{ float: left; padding: 0 5px; width:42px; cursor:pointer;  display: inline;  }
.productview300 .smallImg img{ border: 1px solid #dcdddd; width:40px; height:40px;  }
.productview300 .smallImg .on img{ border-color:#D87006;}
	
	
.productview500{ position: relative;overflow:hidden;width:500px;margin:0 auto;margin-bottom:10px; margin-top:0px;}
.productview500 .bigImg{height:auto;position:relative; margin-bottom:10px;border:0px solid #CCCCCC;}
.productview500 .bigImg li img{vertical-align:middle;width:450px; height:350px}

.productview500 .smallScroll{ height:77px;}
.productview500 .sPrev,.productview500 .sNext{float:left;display:block;width:14px;height:77px;text-indent:-9999px;background:url(../images/style001/sproprev77.jpg) no-repeat;}
.productview500 .sNext{ background:url(../images/style001/spronext77.jpg) no-repeat;}
.productview500 .sPrev:hover{background:url(../images/style001/sproprev77.jpg) no-repeat;}
.productview500 .sNext:hover{background:url(../images/style001/spronext77.jpg) no-repeat;}

.productview500 .smallImg{float:left;margin:0px 6px;display:inline;width:370px;overflow:hidden;}
.productview500 .smallImg ul{ height:77px; width:9999px; overflow:hidden;}
.productview500 .smallImg li{ float:left; padding:0px 7px 0px 8px; width:77px;cursor:pointer;display: inline;}
.productview500 .smallImg img{ border:1px solid #dcdddd; width:75px; height:75px;}
.productview500 .smallImg .on img{border-color:#FF0000;}
