@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
ul{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
img{ border:none;}

/*--上  下  左  右  空位--*/
.margin_top_10{ margin-top:10px;}
.margin_top_15{ margin-top:15px;}

.margin_bottom_10{ margin-bottom:10px;}
.margin_bottom_15{ margin-bottom:15px;}

.margin_left_10{ margin-left:10px;}
.margin_left_15{ margin-left:15px;}

.margin_right_10{ margin-right:10px;}
.margin_right_15{ margin-right:15px;}
/*--上  下  左  右  空位--*/

/*h1 em em-a 为栏目标题----h1全部用作主页面栏目标题--*/

.main_tab{height:32px; line-height:32px; clear:both; border-bottom:1px solid #CCC; border-bottom:2px solid #0099FF;}
.tab_name{text-align:center; width:120px; font-size:16px; height:34px; float:left;line-height:34px; color:#FFF; background-color:#0099FF;}
.tab_name a{ color:#333;}
.tab_name a:hover{ color:#999;}

#now_position{ width:1010px; float:left; margin-bottom:10px; text-align:left;}

em{font-style:normal;float:right;display:inherit; padding-right:10px;font-size:12px;}
em a{ color:#333;}
em a:hover{color:#BF0000;font-weight:bold;}
img{ border:none;}

/*
 * 主页面
 */
body{ text-align:center; font-family:"微软雅黑"; font-size:14px; background-color:#f2f2f2;}

/*---主导航--开始-----*/
.header{ width:1010px; float:left;}
#top{ width:1010px; float:left; height:60px;}
#logo{ width:260px; float:left; text-align:left;}
#logo img{height:60px;}

#banner{ width:650px; float:right; text-align:right;}
#banner img{height:60px;}

/*---导航---*/
.nav{ width:1010px;height:40px;clear:both; background-color:#C00;}
.nav ul{}
.nav li{ width:120px; float:left;text-align:center;font-size:16px;line-height:40px; color:#FFF;background: url(../Images/line.png) no-repeat right center;}
.nav li a{display:block; height:40px; color:#e3e3e3;}
.nav li a:hover{color:#FFF;}
.nav li span{color:#F00; background-color:#FFF;}

#nav_right_li{ width:250px; float:right; text-align:right; margin-right:10px; background:none;}
/*---主导航--结束-----*/

.container{margin:0 auto; width:1010px;}

.main_artist_box{ width:1010px; height:293px; float:left; overflow:hidden; background-color:#FFF;}

/*--推荐画家----*/
.main_arist_list{ float:left;}
.main_arist_list li{ width:92px; height:122px; margin-bottom:5px; float:left;}
.main_arist_list li img{ width:92px; height:92px;}
.main_arist_list li p{ height:30px; line-height:30px; text-align:center;}
.main_arist_list li p a{ display:block; width:92px; color:#333;}
.main_arist_list li p a:hover{ color:#FFF; background-color:#EE8301;}
.main_arist_list_pad{ margin-right:10px;}

.main_works_box{ width:1010px; float:left; overflow:hidden; background-color:#FFF;}

/*--Start---主页面作品列表--*/
.hide{display:none}
.main_works { width:1020px; float:left;}/*--中间作品列表--*/
.main_works li { list-style:none; display:block; margin-left:0px;margin-bottom:0px;padding-left:0px;width:190px;height:224px;float:left;overflow:hidden;}
.main_works li div{display:table;text-align:center;line-height:190px;overflow:hidden;width:190px;height:190px; background-color:#e3e3e3;}
.main_works li s { vertical-align:middle; height:100%; display:inline-block;}
.main_works li div span { display:table-cell; vertical-align:middle;}
.main_works li div img { padding:0px; margin:0px auto; max-height:190px; max-width:190px; vertical-align: middle;}
.main_works li p {font-size:15px; height:34px; overflow:hidden; text-align:center; line-height:34px;}
.main_works li p a:hover{ color:#06F;}
.main_works_pad{ margin-right:15px;}
/*--End---主页面作品列表--*/

/*--Footer--普通的--Start--*/
#footer{ width:990px; height:40px; padding:0 10px; background-color:#333; clear:both;}
.footer_left{ float:left;}
#footer p{ line-height:40px;; color:#FFF;}
#footer p strong{ color:#BF0000;}
#footer p span{ color:#BF0000;}
.footer_right{ float:right; margin-top:15px;}
/*--Footer--普通的--End--*/


/*
 * 二级页面-------------------------------------------------------------------------------------------------------------------------------------------
 */


/*
 * 二级页面--艺术家--------------------------------------------------------------------------------------------------------------------------------------
 */
 
 /*---分类----*/
.cat_ul{ width:1010px; height:32px;}
.cat_ul li{ width:120px; float:left; height:32px; line-height:32px; text-align:center; margin-right:1px; background-color:#999;}
.cat_ul li a{ display:block; width:120px; font-size:16px; color:#FFF;}
.cat_ul li a:hover{ background-color:#0099FF;}
.cat_parent{ background-color:#0099FF;}
#cat_ul_color{ background-color:#0099FF;}

/*二页画家页面---按字母顺序排序-------*/
.artist_name_box{ width:1010px;padding:0px 0 0px 0px; float:left; background-color:#FFF;}
.artist_name_box h5{ float:left; width:30px; text-align:left; font-size:18px; font-weight:normal; color:#BF0000;}
.artist_name_ul{ width:980px;float:right;}
.artist_name_ul li{ float:left; width:94px; font-size:15px; margin-left:4px; margin-top:0px; text-align:center; line-height:30px;}
.artist_name_ul li img{ width:94px; height:94px;}
.artist_name_ul li a{color:#333; display:block; width:94px;}
.artist_name_ul li a:hover{ background-color:#0099FF; color:#FFF;}
.pro_artist_name{ color:#BF0000;}

/*--画家个人页面-------------------*/
.artist_detail{ width:1010px; min-height:190px; float:left; background-color:#FFF;}
.artist_img{ width:190px; height:190px; float:left;}
.artist_img img{ width:190px; height:190px;}

.artist_about{ width:800px; min-height:190px; float:right;}
.artist_about h1{ text-align:left; font-size:20px; font-weight:normal; line-height:40px;}
.artist_about p{ text-align:left; font-size:14px; line-height:30px;}

/*作品页---作品列表----*/
.works_ul { width:1010px; float:left;}
.works_ul li { list-style:none; display:block; margin-left:0px;margin-bottom:10px;padding-left:0px;width:190px;height:310px;float:left;overflow:hidden;}
.works_ul li div{display:table;text-align:center;line-height:190px;overflow:hidden;width:190px;height:190px; background-color:#FFF;}
.works_ul li s { vertical-align:middle; height:100%; display:inline-block; }
.works_ul li div span { display:table-cell; vertical-align:middle;}
.works_ul li div img { padding:0px; margin:0px auto; max-height:190px; max-width:190px; vertical-align: middle;}
.works_ul li p {font-size:14px; height:30px; overflow:hidden; text-align:left; line-height:30px;}
.works_ul li p a:hover{ color:#BF0000;}
.works_ul span{ color:#F00;}
#sold_works_li{ height:250px;}

/*作品页---单幅作品--*/
#works_detail{width:1010px; float:left;}
#works_img{ width:600px; text-align:center; float:left; background-color:#FFF;}
#works_img img{ max-width:600px;}

#works_about{ width:395px; float:right; text-align:left;}
#works_about h1{ font-size:20px; line-height:40px; font-weight:normal; color:#0099FF;}
#works_about p{ line-height:30px; font-size:14px;}
#works_about span{ color:#F00;}

/*--分页--*/
.pagelist{ width:1008px; height:30px; text-align:center; font-size:16px;}
.pagelist div{width:100%; padding:10px 0; height:30px; background-color:#FFF; margin-bottom:15px; float:left; border:1px solid #CCC;}
.pagelist .first{padding:3px 6px; margin-right:-5px; color:#FFF; background-color:#099;}
.pagelist .prev{padding:3px 6px; margin-left:5px; background-color:#099;}
.pagelist .current{padding:3px 8px; margin-right:5px; color:#FFF; background-color:#BF0000;}
.pagelist .num{ width:30px; height:30px; padding:3px 8px; line-height:30px; margin-right:5px; background-color:#099;}
.pagelist a{ color:#FFF;}
.pagelist a:hover{ background-color:#333;}
.next{padding:3px 6px; margin-left:-5px; background-color:#099;}
.end{padding:3px 6px; background-color:#099;}