@charset "utf-8";
/* ::http://www.ieic.cn /:: */
/* CSS Frameworks "webmag" Created by anylee(flash8_any@163.com) 2009.09.25 Update in 2010.02.02 9:35,Version 1.2 */

/* --------------------------------------------------------------

 项目名称：唯细思创
 URL:http://www.ieic.cn
 * Design by anylee
 * 建立时间2011.04.24
 * 版权所有(c)2011

-------------------------------------------------------------- */

/******************************/
/*           一般样式          */
/******************************/
/* 主体样式 
---------------------------------------------------------------*/
body,div,span,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li,img,p,b,textarea,input,select,form,a,table,tr,th,td,fieldset,legend {
margin:0;padding:0;list-style:none;font:12px "宋体",Arial,Tahoma;color:#333;line-height:1.5;z-index:inherit;}
body {background:#101010 url("");}

/* custom selection colors */
::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89;
}

::selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  background: #ea4c89;
}

/* 连接样式-顺序是(连接伪类):link,:visited,(动态伪类):hover,:focus,:active
---------------------------------------------------------------*/
a {color:#333;text-decoration:none;}
a:hover {color:#900;text-decoration:underline;}

b,i {font-style:normal;}
b {color:#C00;}
em {display:block;}

/******************************/
/*           页面结构          */
/******************************/
/* 布局
---------------------------------------------------------------*/
#container {}
#header {height:120px;background:#000 url(img/hbg.gif) bottom left repeat-x;}
#mainbody,.wrapper {margin:0 auto;width:960px;}
#mainbody {padding:20px 0;}
#footer {height:50px;line-height:50px;background:#000 url(img/fbg.gif) top left repeat-x;}
#footer span {font:12px Arial, Helvetica, sans-serif;line-height:50px;}

/******************************/
/*           页面列表          */
/******************************/
/* @default
-------------------------------------------------------------- */
.logo {width:270px;height:63px;top:32px;left:20px;}
.logo a {width:270px;height:63px;background:url(img/logo.jpg);display:block;}
.menu {width:420px;height:30px;left:400px;top:60px;}
.menu a,.menu span {margin:0 10px;font:20px Arial,Tahoma;line-height:30px;}
.menu a {color:#CCC;}
.menu span,.menu a:hover {color:#F06;}
.page-nav {padding-left:30px;width:330px;height:30px;font:18px Arial,Tahoma;color:#F06;line-height:30px;background:url(img/page-nav.jpg);}
.page-nav b {font:22px Arial,Tahoma;color:#FFF;line-height:30px;}

.ibox {float:left;padding:0 7px;width:226px;height:210px;position:relative;}
.ibox-cont {width:240px;height:300px;position:absolute;top:-12px;left:0;z-index:-1;display:none;}
.ibox-t,.ibox-b {height:12px;font-size:0;}
.ibox-t {background:url(img/box-top.jpg);}
.ibox-b {background:url(img/box-bottom.jpg);}
.ibox-m {padding:0 10px;width:220px;height:390px;background:#000;position:relative;}
.ibox-img a {width:226px;height:154px;display:block;position:relative;}
.ibox-img a em {width:220px;height:150px;filter:alpha(opacity=50);opacity:0.5;background:url(img/dots.gif);display:none;position:absolute;top:3px;left:3px;z-index:1;}
.ibox-img a:hover em {display:block;}
.ibox-img a img {width:220px;height:150px;border:#000 3px solid;}
.ibox-img a:hover img {border:#000 3px solid;}
h1 {height:30px;font:16px Arial,Tahoma;color:#CCC;line-height:30px;}
.info {position:absolute;top:180px;left:10px;}
.info i {font:12px Arial, Helvetica, sans-serif;}
.author,.time,.intro {padding-left:16px;}
.author,.time {height:25px;line-height:25px;background:url(img/i1.gif) left center no-repeat;}
.time {background:url(img/i2.gif) left center no-repeat;}
.intro {margin-top:3px;background:url(img/i3.gif) left 3px no-repeat;}

.content {margin-top:30px;}
.cbox-t,.cbox-b {height:16px;font-size:0;}
.cbox-t {background:url(img/content.jpg);}
.cbox-t em {width:30px;height:10px;background:url(img/up.jpg);display:block;position:absolute;top:-10px;left:50px;}
.cbox-b {background:url(img/content.jpg) 0 -16px;}
.cbox-m {background:#000;}

.about,.work {margin:0 auto;width:900px;}
h2 {height:40px;font:20px Microsoft Yahei,"黑体";color:#F06;line-height:40px;border-bottom:#101010 1px dashed;}
.about-box {padding:5px 0;font-size:14px;color:#666;line-height:25px;}
.work p {margin-top:10px;text-align:center;}
.work p img {padding:5px;background:#101010;}