/*
	[Destoon B2B System] Copyright (c) 2008-2013 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/

/*index-layout-box1*/
.index-layout-box1			{border:1px solid #e6e6e6;}

.index-layout-box1 .leftlinks{width:218px;height:372px;float:left;border-right:1px solid #e6e6e6;position:relative;}
.leftlinks .menulist		{height:92px;border-bottom:1px dotted #ccc;position:relative;}
.leftlinks .menulist .icon	{float:left;width:28px;height:28px;margin-right:10px;}
.leftlinks .menulist .links	{float:left;width:190px;height:85px;padding-top:6px;padding-left:15px;}
/*.leftlinks .menulist .go	{position:absolute;top:0;right:-2px;width:40px;height:92px;background:url(../images2015/icon_all.png) no-repeat -22px -275px;}*/
.leftlinks .menulist .links .title	{height:30px;line-height:30px;}
.leftlinks .menulist .links .title .tith{float:left;font-size:14px;margin-right:5px;}
.leftlinks .menulist .links .abox{line-height:24px;}
.leftlinks .menulist .links .abox a{color:#676767;display:table-cell;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-right:10px;}
.leftlinks .menulist .links .abox a:hover{color:#f50;}

.leftlinks .menulist.i1 .icon{background:url('images2015/icon_all.png') no-repeat -200px -320px;}

.leftlinks .menulist.i2 .icon{background:url('images2015/icon_all.png') no-repeat -200px -399px;}

.leftlinks .menulist.i3 .icon{background:url('images2015/icon_all.png') no-repeat -310px -320px;}

.leftlinks .menulist.i4		 {border-bottom:none;}
.leftlinks .menulist.i4 .icon{background:url('images2015/icon_all.png') no-repeat -310px -399px;}

.leftlinks .menulist.active,
.leftlinks .menulist:hover{background:#fafafa;}
.leftlinks .menulist.active .go,
.leftlinks .menulist:hover .go{background:#FAFAFA url('images2015/icon_all.png') no-repeat  -92px -275px;}

.leftlinks .menu_cgmore			{position:absolute;top:-1px;left:218px;background:#fafafa;border:1px solid #e6e6e6;width:240px;padding:10px 20px;min-height:200px;height:auto !important;height:200px;overflow:visible;display:none;}

.leftlinks .menu_cgmore .links 	{border-bottom:1px  dotted #c9c9c9;padding-bottom:8px;margin-bottom:8px;}
.leftlinks .menu_cgmore .links .title	{height:26px;line-height:26px;}
.leftlinks .menu_cgmore .links .title .tith{float:left;font-size:12px;margin-right:5px;}
.leftlinks .menu_cgmore .links .abox{line-height:22px;}
.leftlinks .menu_cgmore .links .abox a{color:#676767;display:table-cell;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-right:10px;}
.leftlinks .menu_cgmore .links .abox a:hover{color:#f50;}
/*flash_pic*/
.index-layout-box1 .flash_pic{float:left;width:760px;height:372px;border-right:1px solid #e6e6e6;}
/* banner */
.index-layout-box1 .banner{ width: 760px; height: 372px; position: relative; overflow: hidden;}
.index-layout-box1 .banner-btn{display:none;}
.index-layout-box1 .banner-btn a{display:block;line-height:60px;position:absolute;top:160px;width:35px;height:60px;background-color:#000;opacity:0.3;filter:alpha(opacity=30) color:rgb(255, 255, 255);overflow:hidden;z-index:4;}
.index-layout-box1 .prevBtn{left:5px;}
.index-layout-box1 .nextBtn{right:5px;}
.index-layout-box1 .banner-img{font-size:0;*word-spacing:-1px;/* IE6กข7 */ letter-spacing:-3px;position:relative;}
.index-layout-box1 .banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6กข7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.index-layout-box1 .banner i{background:url('images2015/arrows.png') no-repeat;width:35px;height:60px;cursor:pointer;display:block;}
.index-layout-box1 .banner .nextBtn i{background-position:-36px 0;}
.index-layout-box1 .banner .prevBtn i{background-position:0 0;}

.index-layout-box1 .banner-circle{position:absolute;width:540px;left:50%;bottom:15px;height:13px;text-align:center;font-size:0;}
.index-layout-box1 .banner-circle li{border-radius:10px;margin:2px;display:table-cell;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.index-layout-box1 .banner-circle li a{display:block;padding-top:13px;width:13px;height:0;background:url('images2015/arrows.png') no-repeat -23px -70px;overflow:hidden;}
.index-layout-box1 .banner-circle .selected a{background:url('images2015/arrows.png') no-repeat 0 -70px;}
/*flash_pro*/
.flash_pro 					{float:left;width:218px;}
.flash_pro li				{border-bottom:1px solid #ebebeb;width:218px;height:185px; text-align:center;float:left;}
.flash_pro li .img-h		{width:218px;height:185px;}
.flash_pro li .img			{width:218px;height:185px;display:block;}
.flash_pro li.last			{border-bottom:none;}
.flash_pro li.last .img-h	{height:186px;}
.flash_pro li.last img		{height:186px;}

.clearfix:after						{ content:"."; height:0; visibility:hidden; display:block; clear:both; }
.clearfix							{ display:inline-block; }
.clearfix							{ display:block; }

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,
dl,dt,dd,ul,ol,li,pre,form,fieldset,
legend,button,input,textarea,th,td	{margin:0;padding:0;}

.index-pro-layout			{width:1200px;position:relative;border:1px solid #e6e6e6;border-bottom:none;border-right:none;}
.mt5								{margin-top:5px;}

/*index-probox*/
.index-probox				{}

.index-probox li			{float:left;/*border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;*/width:218px;height:286px;padding:2px 10px;overflow:hidden;}
.index-probox li dl			{position:relative;}
.index-probox li dt			{width:225px;height:225px;position:relative;margin-bottom:5px;}
.index-probox li dt .bt		{position:absolute;background:url('images2015/tag.png') no-repeat;width:40px;height:40px;color:#FFF; text-align:center;font-size:12px;line-height:40px;right:-8px;bottom:-8px;}
.index-probox li dt	.img-h	{width:225px;height:225px;}
.index-probox li dt	.img-h img{width:226px;height:225px;}

.index-probox li dd			{line-height:22px;font-size:14px;height:22px;overflow:hidden;}
.index-probox li dd .price	{margin-right:10px;}
.index-probox li dd .price .rmb{font-size:12px;color:#e22c37;margin-right:3px;font-family:Arial, Helvetica, sans-serif;}
.index-probox li dd .price .m-num{color:#e22c37;font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
.index-probox li dd a		{color:#333;}
.index-probox li dd a:hover	{color:#f60;}
.index-probox li dd .num	{color:#999;font-size:12px;}


.index-probox li.last		{border-right:none;width:223px;}
.index-probox li.last .img-h{}
.index-probox li.last .img-h img{}

.index-probox li dd.white a	{color:#FFF;} 
.index-probox li dd.white .price{color:#FFF;} 

.index-pro-layout .icon		{position:absolute;top:46px;left:-90px;width:90px;height:200px;background:url('images2015/index-icon.png') no-repeat;}

.index-pro-layout.box1 .icon{background-position:right 0;}
.index-pro-layout.box1 .p_sort ul li.hover a,	
.index-pro-layout.box1 .p_sort ul li a:hover{}

.index-pro-layout.box2 .icon{background-position:right -200px;}
.index-pro-layout.box2 .p_sort ul li.hover a,	
.index-pro-layout.box2 .p_sort ul li a:hover{border-top:3px solid #34abcd;}

.index-pro-layout.box3 .icon{background-position:right -400px;}
.index-pro-layout.box3 .p_sort ul li.hover a,	
.index-pro-layout.box3 .p_sort ul li a:hover{border-top:3px solid #ffae53;}


.index-pro-layout.box4 .icon{background-position:right -600px;}
.index-pro-layout.box4 .p_sort ul li.hover a,	
.index-pro-layout.box4 .p_sort ul li a:hover{border-top:3px solid #c865cc;}

.index-pro-layout.box5 .icon{background-position:right -800px;}
.index-pro-layout.box5 .p_sort ul li.hover a,	
.index-pro-layout.box5 .p_sort ul li a:hover{border-top:3px solid #fe8182;}

.index-pro-layout.box6 .icon{background-position:right -1000px;}
.index-pro-layout.box6 .p_sort ul li.hover a,	
.index-pro-layout.box6 .p_sort ul li a:hover{border-top:3px solid #34abcd;}