html,body{ width:100%; height:100%;}

body{ margin:0px; padding:0px; font-size:12px; font-family:Arial,"ËÎÌå"; color:#666666; }
ul,li,input,p{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur());  outline:none;  } a:focus{ -moz-outline-style: none;  }
img{ border:0px;}


.header{ width:100%; text-align:center; background:url(../../../templates/cn2014/images/bj.gif) repeat-x; overflow:hidden;}
.inner{ width:1200px; margin:0px auto; overflow:hidden;}
.top{}
.web_logo{ float:left; width:700px; text-align:left; overflow:hidden;}
.top_link{ float:right; width:500px; text-align:right; overflow:hidden;}
.nav{ width:1200px; margin:0px auto;  background:url(../../../templates/cn2014/images/navbj.gif) left top no-repeat; overflow:hidden; }
.nav ul{ width:1200px;}
.nav ul li{ float:left; width:120px; background:url(../../../templates/cn2014/images/navbj.gif) right top no-repeat;}
.nav ul li a{ float:left; display:block; width:120px; text-align:center; line-height:35px; height:35px; color:#FFFFFF; overflow:hidden;}
.nav ul li:hover{ background:#04619d; }
.nav ul li div{ position:absolute; top:135px; z-index:888; display:none; width:120px;  background: url(../../../templates/cn2014/images/navbottombj.png) bottom no-repeat; padding-bottom:6px; filter:alpha(opacity=90);  -moz-opacity:0.9; opacity: 0.9;}
.nav ul li:hover>div{ display:block;}

.nav ul li div ul{ width:120px;}
.nav ul li div ul li{float:left; width:120px; background:url(../../../templates/cn2014/images/navbj.gif) right top no-repeat; position:relative;}
.nav ul li div ul li a{border-top:1px #8bbbfc solid; background:#04619d;}
.nav ul li div ul li a:hover{background:#5386c6;}

.nav ul li div ul li div{position:absolute; top:0px; z-index:999;  width:120px; left:120px; overflow:hidden; color:#FFFFFF; background:none;}
.nav ul li div ul li:hover>div{ display:block;}
.nav ul li div ul li div a{border-top:1px #8bbbfc solid; background: url(../../../templates/cn2014/images/navli.png) #5386c6 no-repeat; text-align:left; text-indent:1.5em; }
.nav ul li div ul li div a:hover{background:url(../../../templates/cn2014/images/navli.png) #000000 no-repeat;}


#kinMaxShow{visibility:hidden;width:100%; height:500px; overflow:hidden;}

.flashbj{ width:100%; height:20px; background:url(../../../templates/cn2014/images/flashbj.jpg) repeat-x;}


.met_flash{ width:100%; height:300px; position:relative; overflow:hidden;}
.flash{ width:1920px; height:300px; position:absolute; left:50%; top:0px; overflow:hidden; margin-left:-960px;}

.indexsearch{ float:left; width:1200px; overflow:hidden; background:url(../../../templates/cn2014/images/searchbj.jpg) no-repeat; }
.searchtext{ float:left; width:400px; text-indent:1em; border:1px #D8D8D8 solid; height:47px; line-height:47px; overflow:hidden; color:#ABABAB;}
.searchtext:hover{  background:#D2F0FF; }
.searchgo{ float:left; width:98px; border:0px; background:url(../../../templates/cn2014/images/searchgo.jpg) right top no-repeat; color:#666666; font-weight:bold; height:49px; line-height:30px; cursor:pointer; overflow:hidden;}
.searchgo:hover{ background:url(../../../templates/cn2014/images/searchgobj.jpg) right top no-repeat; color:#ffffff;}
.searchtag{ float:left; width:650px; margin-left:50px; height:50px;overflow:hidden;}
.searchtag span{ float:left; display:block; line-height:52px; padding-right:10px; padding-left:10px; cursor:pointer; overflow:hidden;}
.searchtag .tag:hover{ text-decoration:underline; color:#FF0004;}

.searchtag2{ float:left; width:415px; margin-left:50px; height:50px;overflow:hidden;}
.searchtag2 span{ float:left; display:block; line-height:52px; padding-right:10px; padding-left:10px; cursor:pointer; overflow:hidden;}
.searchtag2 .tag:hover{ text-decoration:underline; color:#FF0004;}




.productshow{ border-left:1px #DFDFDF solid; border-right:1px #DFDFDF solid; border-bottom:1px #DFDFDF solid; padding-left:1px; margin-bottom:10px; overflow:hidden;}
.productshow a{ float:left; display:block; width:285px; height:170px; overflow:hidden; position:relative; margin:5px; border:2px #000000 solid;}
.productshow img{ width:285px;}
.productshow #pname{ position:absolute; line-height:30px; font-size:14px; width:285px; bottom:-100px;  left:0px; z-index:10;  background:#0861D9; color:#FFFFFF; filter:alpha(opacity=80);  -moz-opacity:0.8; opacity: 0.8; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.productshow #look{ position:absolute; width:285px; height:170px; top:-170px;  left:0px; z-index:5;  overflow:hidden; text-align:center; }



.sb_nav{ float:left; width:220px; overflow:hidden;}
.ti1-bg{ float:left; width:220px; background:#138CF0; color:#FFFFFF; line-height:40px; font-size:16px; text-align:left; text-indent:1em;}
.menu{ width:220px; overflow:hidden;}
.menu ul li{ float:left; display:block;  width:220px; border-bottom:1px #76CCFC solid; overflow:hidden;  position:relative; cursor:pointer; }
.menu ul li a{ float:left; width:220px; height:15px; padding:10px 0px; text-indent:3em; color:#FFFFFF; font-weight:bold; background-color:#2EA8EC; background-image:url(../../../templates/cn2014/images/menubj.png);  overflow:hidden; }
.menu ul li a.menuwu{ background: url(../../../templates/cn2014/images/menubj3.png) #2EA8EC no-repeat; }
.menu ul li a:hover{ text-decoration:underline;}
.menu ul li div{ float:left; display:none; width:218px; background:#ffffff; border-right:1px #D4D4D4 solid; border-left:1px #D4D4D4 solid; overflow:hidden; }
.menu ul li div a{ float:left; width:218px; color:#666666; background:url(../../../templates/cn2014/images/menubj2.png) no-repeat;  border-bottom:1px #D4D4D4 solid; overflow:hidden; font-weight:normal; }
.menu ul li div a:hover{ color:#FF0004;}

.title2{ float:left; width:220px; overflow:hidden; line-height:40px; border-bottom:1px #CDCDCD solid; color:#FFFFFF;  background:#138CF0; font-size:16px; text-indent:1em; margin-top:10px; }
.ct-con{ float:left; width:208px; padding:5px; border-left:1px #cccccc solid; border-right:1px #cccccc solid; border-bottom:1px #cccccc solid; margin-bottom:10px; background:url(../../../templates/cn2014/images/ct-conbj.jpg) no-repeat; overflow:hidden; }
.ct-con div{ width:193px; float:left; display:block; line-height:25px; overflow:hidden; padding-left:15px; }


.sb_box{ float:right; width:965px; overflow:hidden;}
.title{float:right; width:965px; line-height:40px; height:39px; border-bottom:1px #cccccc solid; overflow:hidden;}
.title span{ float:left; text-indent:1.5em; font-size:16px; background:url(../../../templates/cn2014/images/titlespan.jpg) no-repeat; color:#000000;}
.title .position{ float:right; color:#9F9F9F; font-weight:normal;}
.title .position a{ color:#9F9F9F;}


.active{ float:right; width:965px; margin-top:10px; overflow:hidden;}
.active p{ text-indent:2em; line-height:24px;}

.active h1{ text-align:center; width:965px; line-height:50px; background:#FFFFFF;}

.newslist{ float:right; width:965px; border-bottom:1px #cccccc dashed; padding:10px 0px; overflow:hidden; position:relative;}
.newslist:hover{ background:#f3f3f3;}
.newslist span{ float:left; width:105px; font-size:18px; padding:10px 0px; margin-right:10px; text-align:center; background:#cccccc; color:#FFFFFF;}
.newslist a{ float:left; width:800px; line-height:22px; font-weight:bold;}
.newslist a:hover{ color: #007FE8;}
.newslist p{ float:left; text-indent:0em; width:800px; line-height:20px; }


.downlist{  float:right; width:965px; border-bottom:1px #cccccc dashed; padding:10px 0px; overflow:hidden; position:relative; }
.downlist:hover{ background:#f3f3f3;}
.downlist a{ float:left; width:850px; text-indent:2em; background:url(../../../templates/cn2014/images/downspan.jpg) 2px 2px no-repeat; overflow:hidden;}
.downlist span{ float:right; width:115px; text-align:right; overflow:hidden;}



.message_table{ margin:50px auto; width:600px; padding:20px 20px; overflow:hidden; background: url(../../../templates/cn2014/images/messtitle.png) right top #f3f3f3 no-repeat; position:relative;}
.text{ line-height:40px; font-weight:bold; font-size:14px;}
.input-text{ border:1px #b1d2fc solid; line-height:20px;}
.textarea-text{ border:1px #b1d2fc solid;}
.messsubmit{ padding:5px 10px; border:1px #b1d2fc solid;}


.prolist{ float:left; width:321px; height:185px; margin:5px 0px; overflow:hidden; text-align:center; position:relative;}
.proimg{ width:300px; height:185px; margin:5px 10.5px; overflow:hidden; }
.proimg img{ width:300px; }
.proname{ position:absolute;color:#FFFFFF; line-height:30px; font-size:14px; width:300px; bottom:-100px;  left:10.5px; z-index:10;  background:#0861D9; color:#FFFFFF; filter:alpha(opacity=80);  -moz-opacity:0.8; opacity: 0.8; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
.prolook{ position:absolute; width:300px; height:185px; top:-180px;  left:10.5px; z-index:5;  overflow:hidden; text-align:center; }



.flip{float:left; width:965px; line-height:30px; text-align:center; margin:10px 0px;}
.digg4 span{ padding:2px 5px; font-size: 12px; }
.digg4 a{ padding:2px 5px; font-size: 12px; }

.met_hits{ float:left; width:965px; line-height:30px; background:#FFFFFF;}
.metjiathis{ float:left; width:250px;}
.met_page{ float:left; width:965px; line-height:50px; background:#FFFFFF;}

.related{ float:left; width:965px; line-height:30px; border-bottom:1px #79B4FC solid; background:#FFFFFF;}
.related span{ float:left; padding:0px 15px; background:#2EA8EC; color:#FFFFFF;}
.relatedlist{ float:left; width:965px; background:#FFFFFF;}
.relatedlist li{ float:left; width:45%; margin-right:5%; overflow:hidden; line-height:30px; border-bottom:1px #cccccc dashed;}
.relatedlist a:hover{ text-decoration:underline;}



.footer{ width:100%; background: url(../../../templates/cn2014/images/footerbj.jpg) center top no-repeat; padding-bottom:15px;  overflow:hidden;}
.foot-nav{ margin:0px auto; padding-top:20px; width:700px; text-align:center; overflow:hidden;}
.foot-nav a{ line-height:30px; padding:0px 10px; display:block; float:left; color:#333333; }
.foot-nav a:hover{ background: #2A5EB9; color:#FFFFFF;}
.foot-text{ width:1200px; line-height:20px; color:#333333; text-align:center; overflow:hidden;}








.imglist{color:#888;width:685px;margin:20px 0 0 0;overflow:hidden;overflow-x:scroll;background:#fff;border-bottom:4px solid #0086E3;}
.imglist-bg-white{background:#fff;border:1px solid #ccc;border-bottom:4px solid #0086E3;}
.imglist-title{background:#fff;margin:20px 0 -20px 0;padding:18px 0 0 0;font-weight:bold;color:#eee;text-align:center;}
.imglist tr{display:block;}
.imglist tr td div{line-height:20px;margin:18px 0 15px 0;}
.imglist tr img{border:0;display:block;padding:0 10px 10px 10px}
.imglist-button{background:#F8F8F8;border:1px solid #ddd;border-top:none;margin-top: 0;padding: 15px 15px;overflow:hidden;text-align:center;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.imglist-center{display:inline-block;_display:inline;_zoom:1;+display:inline;+zoom:1;}
.imglist-button .colorbox_btn{float:left}
.imglist-dots{overflow:hidden;padding: 10px 0 0 10px;float:left;display:inline-block;}
.imglist-button a:focus {outline:none;}
.colorbox_btn{display:inline-block;background:url("../../../templates/cn2014/images/x.gif4") no-repeat 0 -380px;color:#888;width:190px;height:30px;}
.colorbox_btn:hover{background-position:0 -414px;}
.imglist-dots a{display:inline-block;height:10px;width:10px;background:url("../../../templates/cn2014/images/x.gif4") no-repeat -68px -347px;margin: 0 6px;}
.imglist-dots a:hover{background-position:-80px -347px;}


 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}


#cboxOverlay{background:url(../../../templates/cn2014/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../../templates/cn2014/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../../templates/cn2014/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../../templates/cn2014/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../../templates/cn2014/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../../templates/cn2014/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../../templates/cn2014/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../../templates/cn2014/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../../templates/cn2014/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;font-size: 12px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../../templates/cn2014/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../../templates/cn2014/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../../templates/cn2014/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../../templates/cn2014/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../../templates/cn2014/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}


.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.cboxIE6 #cboxTopLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(http://www.iplaysoft.com/wp-content/themes/ips/js/colorbox/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}