.pro-list { list-style: none; margin: 0; }
.pro-list > li { padding: 25px 0; margin-right: 38px; float: left; }
.pro-list .image { border: 1px solid #ddd; border-radius: 2px; width: 240px; height: 140px; text-align: center; }
.pro-list .image img { height: 100%; }
.pro-list .image:hover { border: 1px solid #EFEFEF; box-shadow: 0 1px 3px rgba(0,0,0,0.055); }
.pro-list .title { text-align: center; padding: 10px 0px; }

.pro-more { text-align: right; }
.pro-more a { background: #C2C1C1; color: #555; padding: 3px 10px; border-radius: 4px; margin-right: 36px; }

.pro-info { position: relative; }
.pro-info .image { position: absolute; left: 0; top: 0; border: 1px solid #ddd; border-radius: 2px; }
.pro-info .text { margin-left: 350px; min-height: 218px; }
.pro-info .title { font-size: larger; }
.pro-info .image-list img { max-width: 90px; max-height: 56px; margin: 50px 5px; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; }
.pro-info .image-list img:hover { border: 1px solid #EFEFEF; box-shadow: 0 1px 3px rgba(0,0,0,0.055); }

.fixck .title { font-size: larger; margin: 20px 0; text-align: center; }
.fixck .time { color: gray; text-align: right; margin: 10px 2px; }

.pro-info .nav-tabs { background: #dededd; list-style: none; }
.pro-info .nav-tabs > li, .nav-tabs > li > a { border-radius: 0px; border: 0px none; margin: 0; padding: 0; }
.pro-info .nav-tabs > li > a { padding: 10px 30px; color: #333; }
.pro-info .nav-tabs > .active > a { background: #72706F; border-radius: 0px; border: 0px none; color: #fff; }
.pro-info .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background: #72706F; border: 0px none; border-radius: 0px; color: #fff; outline: none; }