/* CSS Document */

#content_case {
    width: 1100px;
    margin:35px auto;
}
/*#content_case:before{
    contact: '';
    width: 100%;
height: 400px;
    text-align: center;
  margin-bottom: 35px;
    background: url(http://fivenet5000.com/c_20151110_37/admin/file_manage/file/b599d2143b7b00db9f250571a0345c5381b8d877.jpg) center;
    padding: 130px 0;
}*/
#content{
 display:inline-block;
 width:76%;

}
.prodcut{

	width:100%;
   

	

}

.product_content{
width:100%;
    margin: 0 auto;

}
.product_menu {
       width: 220px;
    margin-right: 25px;
    display: inline-block;
    border-top:#333333 3px solid;
    background: #eee;
    vertical-align: top;
}
.prodcut ul:after{

	content: '';

	display: block;

	clear: both;}

.prodcut ul{

	padding: 0;

	margin: 0;

	border: 0;

	list-style: none;

	margin-bottom: 4px;}

.prodcut ul li *{

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

}

.prodcut ul li{
border: #eee 1px solid;
	
    margin: 0 4px;
  
    width: 23%;
    list-style: none;
    float: left;
    position: relative;

}

.prodcut ul li .favorite{

	position: absolute;

	bottom: 40px;

	right: 10px;

	width: 20px;

	height: 20px;

	cursor: pointer;

}

/*.prodcut ul li:last-child{

	margin-right: 0;}*/

.prodcut ul li b{

	

	display: inline-block;

	width: 100%;

	height: auto;

	background: #fff;

	

	overflow: hidden;

	-webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

.prodcut ul li b img{

	width: 100%;


	vertical-align: middle;

}

.prodcut ul li:hover b img{

	-webkit-transform: scale(1.5);

	-moz-transform: scale(1.5);

	transform: scale(1.5);

}

.prodcut ul li p{

	text-align: center;

	padding: 0;

	margin: 0;

	line-height: 35px;

	font-family: "微軟正黑體" ;

	font-size: 14px;

	color: #333;

	display: block;

	background: #eee;

	overflow : hidden;

	text-overflow : ellipsis;

	white-space : nowrap;

}

	

/*產品頁面*/
#product_info {
    display: inline-block;
    background: rgba(238, 238, 238, 0.5);
    min-height: 318px;
    border-radius: 4px;
    width: 62%;
    padding: 20px;
    vertical-align: top;
}
#product_main_info{

	border: 1px solid #ccc;

	padding:10px;

}

#m_img{

	    margin: 0 20px 20px 0;
    cursor: pointer;
    display: inline-block;
    width: 30%;
    position: relative;

}

#m_img .favorite{

	position: absolute;

	bottom: 10px;

	right: 10px;

	width: 30px;

	height: 30px;

	cursor: pointer;

}

#m_img img{

	width: 100%;

}

#s_img{

	text-align: left;

	padding: 10px 0;

}

#s_img img{

	padding-right:4px;

	

	width:79px;

	cursor: pointer;

}

#name{

	color: #333;
    font-size: 21px;
    padding-bottom: 15px;
    margin: -5px 0 15px 0;
    border-bottom: #CC0000 1px solid;

}

#s_info{

	

	color: #666;

	font-size:13px;

}

#info{

	border-top: 1px solid  #606;

	padding-top: 10px;

	margin-top: 10px;

}

#product_price{

	margin-top: 20px;

	color: #f00;

	font-size:20px;

}

#product_price span{

	color: #666;

	font-size:15px;

}



#product_add_cart_form{

	float: left;

}

#product_add_cart_form #product_num{

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	border: 1px solid  #CCC;

	display: inline-block;

}

#product_add_cart_form #product_num span{

	display: inline-block;

	width: 30px;

	height: 30px;

	cursor: pointer;

	text-align: center;

}

#product_add_cart_form #product_num input{

	width: 50px;

	height: 40px;

	border: 0;

	border-left: 1px solid  #ccc;

	border-right: 1px solid  #ccc;

	text-align: center;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	padding: 0;

	margin: 0;

}

.add_cart_btn{

	cursor: pointer;

	vertical-align: middle;

}



/**點圖放大**/

#mark{

	z-index:999;

	width: 100%;

	height: 100%;

	background-color:rgba(0,0,0,0.8);

	display: none;

	position: fixed;

	top: 0;

	left: 0;

}

#mark .close{

	position: absolute;

	position: fixed;

	top: 10px;

	right: 10px;

	cursor: pointer;

}

#mark .prev{

	z-index:310;

	left: 20%;

	height: 50px !important;

	width: 50px;

	top: 50%;

	position: fixed;

	cursor: pointer;



}

#mark .next{

	z-index:310;

	right: 20%;

	top: 50%;

	height: 50px !important;

	width: 50px;

	position: fixed;

	cursor: pointer;

}

#mark > .big_img{

	top: 50%;

	left: 50%;

	display: none;

	position: fixed;

	cursor: pointer;

	max-height:90%;

	max-width:50%;

}



/** 分頁樣式 **/

.pages{

  text-align:center;



}

.pages a{

    display: inline-block;

    background: #FFFFFF;

    color: #2D2D2D;

    font-size: 13px;

    border: 1px solid #353535;

    -webkit-border-radius: 30%;

    -moz-border-radius: 30%;

    border-radius: 30%;

    width: 23px;

    height: 23px;

    line-height: 23px;

    text-align: center;

    text-decoration: none;

    margin-bottom: 10px;

}

.pages a:hover{

	position: relative;

	top: -3px;

}

.pages .now_page {

    background: #353535;

    color: #fff;

}



#pro_path a {

	font-size: 1.5em;}