﻿body{
   background-color:#242424;
}
.center
{
    background-image:url(../../Images/Interface/center_bg.png);
    background-repeat:repeat-x;
    background-color: #242424;
    width:auto!important;
    min-width:1000px;
    min-height:700px;
}
.middle
{
    width:1000px;
}
/*搜索背景图*/
.ctrlDiv
{
    height: 36px;    
    color:#ffffff;
    margin:0px auto;
    width:100%;   
    clear:both; 
    background-image:url(../../Images/Interface/s_bg.png);
    background-repeat:repeat-x;
    background-position:0 0;
    overflow:hidden;    
}
.ctrlDiv_left
{
    float:left;
    width:670px;    
}
.ctrlDiv_right
{
    float:right;
    width:220px;
    margin-right:5%;
}
.ctrlDiv_left li
{
    float:left;
    display:block;
    line-height:36px;
}
.ctrlDiv_right li
{
    float:left;
    display:block;
    line-height:36px;
}
.ctrlDiv_left .one
{
    width: 182px;
    background-image: url(../../Images/Interface/select_bg.png);
    background-repeat: no-repeat;
    background-position:140px 0;
    margin-left:20px;
    
}
.ctrlDiv_left .two
{
    width:85px;
}
.ctrlDiv_left .three
{
    width:90px;
}
.ctrlDiv_left .four
{
    width:56px;    
}
.ctrlDiv_left .four span
{
    display:block;
    padding-top:1px;
}
.ctrlDiv_left .five
{
    width:115px;
}
.ctrlDiv_left .six
{
    width:53px;
}
.ctrlDiv_right .seven
{
    width:100px;
}
#category
{
	width:136px;
	font-size:14px;
	font-weight:bold;
	text-indent:5px;
}
.category_class
{
    background-image:url(../../Images/Interface/select_bg_class.png);
    background-position:right top;
    background-repeat:no-repeat;
    cursor: pointer;
    text-align:left;
}
.category_over
{
    background-image:url(../../Images/Interface/select_bg_class.png);
    background-position:right -36px;
    background-repeat:no-repeat;
    cursor: pointer;
    text-align:left;
}
.selNormal
{
    width: 60px;
    height: 26px;
    cursor: pointer;
    margin-top:7px;
    text-align:center;
    line-height:23px;
}
.selAct
{
    width: 60px;
    height: 26px;
    background-image:url(../../Images/Interface/click_b_bg.png);
    cursor: pointer;
    margin-top:7px; 
    text-align:center;
    line-height:23px;   
}
/*弹出div样式*/
.commonPopDivMul
{
    position: absolute;
    display: none;
    border: solid 1px #303136;
    z-index: 9999;    
    background-color:#1B1C1F;
}
.commonPopChildDiv
{
    height:20px;
    line-height:20px;
    background-color:#1B1C1F;
    text-indent:18px;
    margin:1px;
    color:#888;
    font-weight:bold;
    font-size:13px;
}
.commonPopChildDiv_Act
{
    height:20px;
    line-height:20px;
    background-color: #35363B;
    cursor:pointer;
    text-indent:18px;
    margin:1px;
    color:#888;
    font-weight:bold;
    font-size:13px;
}
#colorSel
{
    width: 104px;
    border: solid 1px #828282;
    cursor: pointer;
    margin-top:9px;
    text-align:left;
    height:18px;
    line-height:18px;
    text-indent:10px;
    background-image:url(../../Images/Interface/colorSel_select_bg.png);
    background-repeat:no-repeat;
    background-position:90px 8px;
    margin-right:5px;
}
.colorDiv
{
    width: 100px;
    height: 20px;
    background-color:#efefef;
    line-height:20px;
    text-indent:3px;
    cursor:pointer;
}

.colNormal
{
    width: 52px;
    height: 19px;
    cursor: pointer;
    border: 0;
    text-align:center;
    line-height:19px;
    margin-top:9px;
}
/*深色位置*/
.colNormalAct
{
    width: 50px;
    height: 17px;
    cursor: pointer;
    border: solid 1px #3b3b3b;
    float: left;
    margin-top:6px;
    line-height:17px;
    text-align:center;
    margin-top:9px;
}

.brwNormal
{
    width: 89px;
    height: 25px;
    cursor: pointer;
    margin-top:7px;
    line-height:23px;
    text-indent:27px;
}

.brwAct
{
    width: 87px;
    height: 25px;
    cursor: pointer;
    margin-top:7px;
    background-image:url(../../Images/Interface/pic_l.png);
    background-repeat:no-repeat;
    background-position:right top;
    line-height:23px;
    text-indent:27px;
}
.brwNormal_s
{
    width: 87px;
    height: 25px;
    cursor: pointer;
    margin-top:7px;
    line-height:23px;
    text-indent:20px;
}

.brwAct_s
{
    width: 87px;
    height: 25px;
    cursor: pointer;
    margin-top:7px;
    background-image:url(../../Images/Interface/pic_list_bg.png);
    background-repeat:no-repeat;
    background-position:right top;
    line-height:23px;
    text-indent:20px;
}
/*图片显示位置*/
/*标题*/
.itf_title
{
    margin:5px auto; 
    margin-top:20px;
    overflow:hidden;    
}
.itf_title:after
{
    content:".";
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
}
.i_t_left
{
    background-image:url(../../Images/Interface/itf_title_bg.png);
    background-repeat:no-repeat;
    background-position:right -25px;
    line-height:25px;
    height:25px;
    background-color:#383838;
    float:left;
    padding-right:20px;
    display:block;
}
.i_t_left li
{
    background-image:url(../../Images/Interface/itf_title_bg.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    line-height:25px;
    height:25px;
    background-color:#383838;
    float:left;
    padding-right:20px;
}
#DataList_Name
{
    background-image:url(../../Images/Interface/itf_title_bg.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    line-height:25px;
    height:25px;
    background-color:#383838;
    padding-left:20px;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;   
}
.i_t_right
{
    background-image:url(../../Images/Interface/itf_title_bg.png);
    background-repeat:no-repeat;
    background-position:right -25px;
    line-height:25px;
    height:25px;
    background-color:#383838;
    float:right; 
    padding-right:20px; 
    width: 25%;   
}
.i_t_right_l
{
    background-image:url(../../Images/Interface/itf_title_bg.png);
    background-repeat:no-repeat;
    background-position:left 0px;
    line-height:25px;
    height:25px;
    display:inline-block;
    padding-left:20px;
}
/*图片显示*/
.i_img_type
{
    width:1000px;
    margin:18px auto;
    text-align:center;
    clear:both;
    background-color:#000000; 
    position:relative;
    min-height:450px;
    vertical-align:middle;
    *font-size: 400px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.i_img_type img
{
    margin:20px auto;
    text-align:center;
    clear:both;  
    max-width: 800px;
    cursor:pointer; 
    vertical-align:middle;
    margin:40px auto;
    _height: expression(this.width >800? this.height*(800/this.width) :this.height);   
    _width: expression(this.width >800?800:this.width); 
    vertical-align: middle; 
    
}
#DisDiv
{
    border:solid 1px #242424;
}
/*上一幅　下一幅*/
.pre_no,.next_no
{
    color:#666666;
    margin: 0 10px; 
    cursor: default;
}
.pre_yes,.next_yes
{
    color:#ffffff;
    cursor:pointer;
    margin: 0 10px;
}
.auto
{
    margin-left:20px;
    cursor:pointer;
    color:#ffffff;
}
.pre_btn_no, .next_btn_no
{
    display:none;    
}
.pre_btn_yes
{    
    display: block;
    position:absolute;
    margin-top:-21px;
    top:50%;
    background-image:url(../../Images/Interface/brw_btn.png);
    _background-image:url(../../Images/Interface/brw_btn.gif);
    background-repeat:no-repeat;
    background-position: 0 0px;
    width:35px;
    height:63px;
    left:50px;
    z-index:10;
    overflow:hidden
}
.pre_btn_yes:hover
{    
    display: block;
    position:absolute;
    top:50%;
    margin-top:-21px;
    background-image:url(../../Images/Interface/brw_btn.png);
    _background-image:url(../../Images/Interface/brw_btn.gif);
    background-repeat:no-repeat;
    background-position: 0 -63px;
    width:35px;
    height:63px;
    left:50px;
    z-index:10;
    cursor:pointer;
    overflow:hidden
}
.next_btn_yes
{    
    display: block;
    position:absolute;
    top:50%;
    right:50px;
    margin-top:-21px;
    background-image:url(../../Images/Interface/brw_btn.png);
    _background-image:url(../../Images/Interface/brw_btn.gif);
    background-repeat:no-repeat;
    background-position: 0 -126px;
    width:35px;
    height:63px;
    z-index:20;
    overflow:hidden
    
}
.next_btn_yes:hover
{    
    display: block;
    position:absolute;
    top:50%;
    right:50px;
    margin-top:-21px;
    background-image:url(../../Images/Interface/brw_btn.png);
    _background-image:url(../../Images/Interface/brw_btn.gif);
    background-repeat:no-repeat;
    background-position: 0 -189px;
    width:35px;
    height:63px;
    z-index:20;
    cursor:pointer;
    overflow:hidden
}

/*收藏分享*/
.i_view
{
    width:1000px;
    margin:10px auto;
}
.i_view a
{
    color:#009AFE;
    margin-left:7px;   
}
.i_view a:visited
{
    color:#009AFE;    
}
.i_view a:hover
{
    text-decoration:underline;  
}
.i_view span
{
    display: inline-block;
    width: 60px;
    text-align:center;
    color:#ffffff;
    line-height:25px;
    height: 25px;
}

.keepImgAct,.shareImgAct
{
    color:#ffffff;
    cursor:pointer;
    text-decoration:underline;
}
/*缩略图显示*/
.i_img_s_type
{
    width:900px;
    margin:0px auto;
    text-align:center;
    padding-top:35px;
    margin-left:100px;
    clear:both;
    color:#ffffff;
    margin-bottom:35px;
}
.i_img_s
{
    width: 162px;
    height:148px;
    background-image:url(../../Images/Interface/i_img_s_bg.png);
    background-repeat:no-repeat;
    margin: 5px 7px;
    float: left;
    cursor:pointer;
    display: block;
    text-align:center;
}
.i_img_s img
{
    display: block;
    max-height: 114px;
    max-width: 114px;
    margin:0 auto;  
}
.i_img_s span
{
    height:23px;
    line-height:23px;
    color:#505050;
}
.Img_t
{
    height:23px;
    line-height:23px;
    color:#505050;
}
.Img_t_Act
{
    height:23px;
    line-height:23px;
    color:#00AEFF;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}
/*标签*/
.i_view
{
	height:25px;
}
.i_view li
{
	display:block;
	float:left;
	color:#fff;
}
.i_view .tag
{
	width:867px;
}
.i_view .tag span
{
	color:#009AFE;
	border:solid 1px #f30;
}
.i_view .tag span:hover
{
	text-decoration:underline;
	cursor:pointer;
}
.i_view .i_add
{
	width:130px;
}
/*底部声明*/
.i_copyright
{
	color:#9d9d9d;
	background-color:#383838;
	border:solid 1px #4e4e4e;
	height:28px;
	line-height:28px;
	text-indent:13px;
	margin:21px auto 10px auto;
}
.i_copyright a
{
	color:#4FBBFF;
}
.i_copyright a:visited
{
	color:#4FBBFF;
}
.i_copyright a:hover
{
	text-decoration:underline;
}

#_SelectListDiv
{
    background-color: #1B1C1F;
}
.commonPopDiv
{
    width: 0;
    height:0;
    position: absolute;
    display: none;
    border: solid 1px #303136;
    z-index: 9999;
    overflow: hidden;
}
