@charset "utf-8";
/* CSS Document */

body{ margin:0; background-color:#FAFAFA; }

/* 链接样式 */
.url1 a:link{ color:#FFF; text-decoration:none;}
.url1 a:visited{ color:#FFF; text-decoration:none;}
.url1 a:hover{ color:#00F; text-decoration:underline;}
.url1 a:active{ color:#FFF; text-decoration:none;}

.url2 a:link{ color:#666; text-decoration:none;}
.url2 a:visited{ color:#666; text-decoration:none;}
.url2 a:hover{ color:#666; text-decoration:underline;}
.url2 a:active{ color:#666; text-decoration:none;}

.url3 a:link{ color:#333; text-decoration:underline;}
.url3 a:visited{ color:#333; text-decoration:underline;}
.url3 a:hover{ color:#333; text-decoration:underline;}
.url3 a:active{ color:#333; text-decoration:underline;}

.url4 a:link{ color:#000; text-decoration:none;}
.url4 a:visited{ color:#000; text-decoration:none;}
.url4 a:hover{ color:#FFF; text-decoration:underline;}
.url4 a:active{ color:#000; text-decoration:none;}

/* 浮动样式 */
.f-l{ float:left; }
.f-r{ float:right; }
.c-b{ clear:both; }

/* 头部 */
.header{ width:100%; height:90px; background-color:#FFF; }
.header_content{ height:90px; margin:0 auto; width:1200px; }
.logo{ height:90px; }

/* 导航栏 */
.top_nav{ width:100%; height:50px;box-shadow:0 4px 4px #CCC; background-color:#FFF; }
.top_nav_content{ width:1200px; height:50px; line-height:50px; margin:0 auto; }
.top_nav_content ul{ padding:0; margin:0;}
.top_nav_content ul li{ display:inline; }
.top_nav_content a{padding-left:20px; padding-right:20px; height:50px; display:inline-block;}
.top_nav_content a:link{  }
.top_nav_content a:visited{  }
.top_nav_content a:hover{ background-color:#186fe7; }
.top_nav_content a:active{  }
.top_nav_content #current{ border-bottom-color:#186fe7; border-bottom-style:solid; border-bottom-width:3px; height:47px; }

/* 位置栏 */
.loca{ height:38px; line-height:38px; width:1200px; margin:0 auto; font-size:12px; }
.loca span{ margin-left:15px; }
.loca a:link{ color:#999; text-decoration:underline; }
.loca a:visited{ color:#999; text-decoration:underline; }
.loca a:hover{ color:#999; text-decoration:underline; }
.loca a:active{ color:#999; text-decoration:underline; }

/* 页面内容区域 */
.page_content{ width:1200px; margin:0 auto; }

/* 作品列表页面 */
.workslist{ width:940px; margin-top:10px; float:left;}
.workslist_box{ width:940px; height:130px; clear:both; background-color:#FFF; box-shadow:0 0 6px #CCC; float:left; margin-bottom:15px;}
.workslist_box:hover{ background-color:#C7E3F3;}
.workslist_img{float:left; width:120px; height:130px;}
.workslist_img img{border-style:none; margin-left:20px; margin-top:25px;}
.workslist_about{float:left; width:720px; height:130px;}
.workslist_name{font-size:11pt; font-weight:bold; width:720px; height:30px; line-height:30px;}
.workslist_name a:link{ color:#0000FF; text-decoration:underline;}
.workslist_name a:visited{color:#0000FF; text-decoration:underline;}
.workslist_name a:hover{color:#0000FF; text-decoration:underline;}
.workslist_name a:active{color:#0000FF; text-decoration:underline;}
.workslist_about1{ font-size:13px; width:480px; height:75px;}
.workslist_about2{ font-size:13px; color:#999999; height:25px; line-height:25px; width:480px;}
.workslist_about2 a:link{ color:#186fe7; text-decoration:underline;}
.workslist_about2 a:visited{ color:#186fe7; text-decoration:underline;}
.workslist_about2 a:hover{ color:#186fe7; text-decoration:underline;}
.workslist_about2 a:active{ color:#186fe7; text-decoration:underline;}
.workslist_about2 span{margin-right:10px;}

/* 获取作品方式 */
.GetThisWork{ width:100px; height:130px; float:left; font-size:12px; background-color:#E6E6E6;}
.GetThisWork ul{ margin-left:0; margin-top:15px; padding:0;}
.GetThisWork li{ list-style:none; margin-bottom:15px; margin-left:10px; }
.GetThisWork a{ display:block; width:80px; line-height:23px; height:23px; background-color:#09F; color:#FFF; text-align:center;}

/* 购买按钮样式 */
.GetThisWork1 a:link{ display:block; width:80px; line-height:23px; height:23px; background-color:#F90; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork1 a:visited{  display:block; width:80px; line-height:23px; height:23px; background-color:#F90; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork1 a:hover{  display:block; width:80px; line-height:23px; height:23px; background-color:#F00; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork1 a:active{  display:block; width:80px; line-height:23px; height:23px; background-color:#F90; color:#FFF; text-align:center; text-decoration:none;}

/* 交换按钮样式 */
.GetThisWork2 a:link{ display:block; width:80px; line-height:23px; height:23px; background-color:#09F; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork2 a:visited{  display:block; width:80px; line-height:23px; height:23px; background-color:#09F; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork2 a:hover{  display:block; width:80px; line-height:23px; height:23px; background-color:#F00; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork2 a:active{  display:block; width:80px; line-height:23px; height:23px; background-color:#09F; color:#FFF; text-align:center; text-decoration:none;}

/* 索要按钮样式 */
.GetThisWork3 a:link{ display:block; width:80px; line-height:23px; height:23px; background-color:#093; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork3 a:visited{  display:block; width:80px; line-height:23px; height:23px; background-color:#093; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork3 a:hover{  display:block; width:80px; line-height:23px; height:23px; background-color:#F00; color:#FFF; text-align:center; text-decoration:none;}
.GetThisWork3 a:active{  display:block; width:80px; line-height:23px; height:23px; background-color:#093; color:#FFF; text-align:center; text-decoration:none;}

/* 作品详情 */
.showworksBox{width:940px; background-color:#FFF; box-shadow:0 0 6px #CCC; float:left;}
.showworks{text-align:center; margin-top:20px; margin-bottom:10px;}
.showworks img{ width:200px; height:200px; border-style:none;}
.showworksname{ font-size:14px; font-weight:bold; color:#186fe7; text-align:center; height:30px; line-height:30px;}
.tishi{ height:30px; line-height:30px; font-size:12px; color:#999; text-align:center;}
.showworksabout{font-size:14px; color:#333333; border-top-color:#186fe7; border-top-style:dashed; border-top-width:1px; margin-top:10px; padding:20px; border-bottom:1px #186fe7 solid; margin-bottom:20px; }

/* 作品分类 */
.worksclasslist{width:249px; border-left-color:#CCC; background-color:#FFF; box-shadow:0 0 6px #CCC; border-left-style:solid; border-left-width:1px; float:left; margin-top:10px; margin-left:10px; font-size:13px;}
.worksclasslist a:link{color:#186fe7; text-decoration:underline;}
.worksclasslist a:visited{color:#186fe7; text-decoration:underline;}
.worksclasslist a:hover{color:#186fe7; text-decoration:underline;}
.worksclasslist a:active{color:#186fe7; text-decoration:underline;}
.worksclasslist li{list-style-type:none; height:20px; line-height:20px;}
#allworks{ font-weight:bold;}
.workslist_pageurl{ padding-top:30px; padding-bottom:20px; font-size:13px; text-align:center; clear:both; }
.workslist_pageurl a:link{ color:#FFFFFF; background-color:#186fe7; border:1px #186fe7 solid; padding:5px; margin-right:5px; font-size:11pt; text-decoration:none;}
.workslist_pageurl a:visited{ color:#FFFFFF; background-color:#186fe7; border:1px #186fe7 solid; padding:5px; margin-right:5px; font-size:11pt; text-decoration:none;}
.workslist_pageurl a:hover{ color:#333; background-color:#FFFFFF; border:1px #FFFFFF solid; padding:5px; margin-right:5px; font-size:11pt; text-decoration:none;}
.workslist_pageurl a:active{ color:#FFFFFF; background-color:#186fe7; border:1px #186fe7 solid; padding:5px; margin-right:5px; font-size:11pt; text-decoration:none;}

/* 页面底部 */
.footer{ width:100%; height:60px; box-shadow:0 -4px 4px #CCC; margin-top:15px;  padding-top:10px; padding-bottom:10px; background-color:#FFF; }
.footer_b1{ width:1200px; height:60px; margin:0 auto;}
.footer_b2{ width:1200px; height:30px; line-height:30px; font-size:12px; color:#333; }